发表文章

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

hamsterknight 4月前 1

关于饿了么,使用新版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

得到相关数据。

                                                                                                                                                    请努力到感动自己。

相关推荐
最新评论 (0)
返回
发表文章
hamsterknight
文章数
11
评论数
0
注册排名
796098