vue-cli的build的文件夹下没有dev-server.js文件，怎么配置mock数据。---mock数据配置(一)...-CSDN博客

最近在看vue的一些视频课程，老师讲到mock数据时，我发现自己创建的项目并没有dev-server.js,于是就在网上各种找资料，最后看到这篇文章后http://618cj.com/2017/11/22才恍然大悟。

因为最新版本的vue-cli已经放弃dev-server.js，只需在webpack.dev.conf.js配置就行。

新版本webpack.dev.conf.js配置如下：

在const portfinder = require(‘portfinder’)后添加

const express=require('express');
const app=express();
var appData=require('../data.json');
var seller=appData.seller;
var goods=appData.goods;
var ratings=appData.ratings;

var apiRouter=express.Router();
app.use('/api',apiRouter);
复制代码

然后找到devServer,在里面添加

before(app){
      app.get('/api/seller',(req,res)=>{
        res.json({
          errno:0,
          data:seller
        })
      }),
      app.get('/api/goods',(req,res)=>{
        res.json({
          errno:0,
          data:goods
        })
      }),
      app.get('/api/ratings',(req,res)=>{
        res.json({
          errno:0,
          data:ratings
        })
      })
    }
复制代码