vue开发，模拟后台接口的配置，以前是dev-server.js，现在是webpack.dev.conf.js

今天用vue-cli创建项目，vue init webpack my-project,完成之后，发现少了dev-server.js,dev-client.js这两个文件，使用来模拟后台接口的，突然就慌了

发现这个文件webpack.dev.conf.js多了个配置（devServer）
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JScrIpMM-1573892770509)(https://www.baitaoblog.com/api/v1/article/download?fileId=MTUxNzQ3MTY5NjAxM2Rldi1zZXJ2ZXIucG5n)]

###用法

1. 创建一个data.json （注： 数据根据自己需要去创造）

{
	"test1": "hello world!111",
	"test2": "hello world!222",
	"test3": "hello world!333"
}

2. 引入data.json （注： data.json 位置和你引入的路径一直即可）

var data = require('../data.json') //路径自己选择
var test1 = data.test1;
var test2 = data.test2;
var test3 = data.test3;

3. 编写接口 （注： before 翻入 devServer 中）

before(app) {
      app.get('/api/test1', (req, res) => {
        res.json({
          errno: 0,
          data: test1
        })
      }),
      app.get('/api/test2', (req, res) => {
        res.json({
          errno: 0,
          data: test2
        })
      }),
      app.get('/api/test3', (req, res) => {
        res.json({
          errno: 0,
          data: test3
        })
      })
    }