vue饿了么学习--mock数据

另一种方法：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/': ''
        }
      }

修改后