另一种方法：https://blog.csdn.net/keji_123/article/details/78720811
最近在看《Vue.js高仿饿了么外卖App 最火前端框架 1.0升级2.0-慕课网》的视频，这个视频使用的是vue1.0的版本，我安装视频的教程搭建mock服务器的时候是行不通的，于是自己网上找了一个文章来搭建mock服务器
1.安装json-server
npm install json-server --save-dev
项目目录下创建mock文件夹,并且把教程中的data.json放到mock目录下
修改一下data.json,在此省略。
2.配置mock服务器启动参数
根目录下找到package.json
添加到scripts标签中
"mock": "json-server --watch mock/data.json"
修改后
3.运行mock服务器
npm run mock
image.png
4.使用mock数据
config/index.js中设置代理
'/api/': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api/': ''
}
}
修改后
网友评论