首先先确定自己的设备安装了node.js并配置好的npm，在cmd里输入npm和cnpm有信息出来没报错就是正常的，可以正常使用json-server。使用方法参照说明文档Jsonserver-什么是JsonServer-JsonServer作用-JsonServer使用-JsonServer是什么-jsonserver有什么用-嗨客网

安装完成后输入版本号 json-serve命令检查是否成功安装

 

 1.在编译器(我用的是VSCode)里输入cnmp命令，没有报错直接就看下一步，如果显示这样的报错信息就是权限的问题，无法加载文件 C:\Users\13459\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/ go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1

 解决办法如下：

一. 在输入框搜索powershell并以管理员打开

二. Get-ExecutionPolicy -List 查看当前所有作用域 ，可以看到CurrentUser没有权限

 三.输入Set-ExecutionPolicy RemoteSigned -Scope CurrentUser， 再输入A，完成后再次输入Get-ExecutionPolicy -List查看权限，可以看到CurrentUser已经有权限了，此时再去VSCode输入cnmp就正常了

 

 2.在自己的项目目录下创建一个json文件，写一个json格式的数组存放想要的数据

 记得保存

3.在终端输入命令json-server --watch 文件名.json，默认端口号是3000，如需制定端口号就这样写：json-server --watch --port xxxx category.json (xxxx为端口号)，运行成功后打开浏览器数据就出来啦！（注意地址是 /文件名）

4.最后说说是怎么获取数据，我使用axios来获取的（在main.js里要引入）

async loadData() {
          let that = this; //普通函数this是在内部？，改成箭头函数就可以直接使用this了,因为箭头函数没有this
          await this.$axios.get("http://localhost:3000/category").then(function (response) { 
            // console.log(response.data);
            that.categoryList = response.data;
          });

 还可以把数据存在数据库，后端连接数据库提供一个接口来获取。