学习笔记---------vue-cli新版缺少dev-sever.js和dev-client.js，被webpack.dev.conf.js替换

关于饿了么，使用新版vue-cli来mock数据，遇到的问题，vue-cli新版缺少dev-sever.js和dev-client.js。

在vue-cli中mock数据时，在旧版本的vue-cli中是在build目录下dev-sever.js中添加数据接口

在新版的vue-cli中dev-sever.js和dev-client.js被webpack.dev.conf.js替代

在定义变量的区域添加以下代码

const appData = require('../data.json') //加载本地数据文件

const seller = appData.seller; //获取对应的本地数据

const goods = appData.goods; //获取对应的本地数据

const ratings = appData.ratings; //获取对应的本地数据

在devServer中添加before函数

 before(app) {
      app.get('/api/seller' ,function (req, res) {
        res.json({
          errno: 0,  //错误数为0，有的数据错误数有限制
          data: seller  //接口返回json数据，将上面定义的数据seller赋值给data，然后调用
        })
      });
      app.get('/api/goods' ,function (req, res) {
        res.json({
          errno: 0,
          data: goods  //接口返回json数据，将上面定义的数据goodsr赋值给data，然后调用

        })
      });
      app.get('/api/ratings' ,function (req, res) {
        res.json({
          errno: 0,
          data: ratings  //接口返回json数据，将上面定义的数据ratingsr赋值给data，然后调用

        })
      });
    },

修改完后重新运行项目npm run dev

输入网址

http://localhost:8080/api/seller

http://localhost:8080/api/goods

http://localhost:8080/api/ratings

得到相关数据。

                                                                                                                                                    请努力到感动自己。