vue中利用json-server模拟后端数据---------工作总结

第一步：把serve.json(名字可以自己定义)文件放在vue环境中的根目录下

第二步：在vue开发环境中安装json-serve： 命令：npm install  json-server  -g

第三步：在package.json的scripts中加入一条命令   “json”：“json-server  serve.json  --port  3000”  (3000指的是数据访问端口)

第四步：在项目中执行  命令  npm run json 

在 cmd 界面中会出现两个重要的 

Resources

http://localhost:3000/user

Home

http://localhost:3000

这时候就可以访问 http：localhost：3000/user

第五步：在项目中执行 命令：json-server --watch .\serve.json  运行起来就可以访问到数据

注意：在使用的过程中必须保持运行 否则访问不到数据

取消模拟

把package.json中的命令删除掉 在重新运行项目即可