Vue.js实战系列---饿了么（2）数据的mock（模拟后台）

mock测试就是在测试过程中，对于某些不容易构造或者不容易获取的对象，用一个虚拟的对象来创建以便测试的测试方法。

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

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

打开bulid文件夹下的webpack.dev.conf.js

在下条语句后添加代码

const portfinder = require('portfinder')

添加代码为

const express = require('express')  //通过express导入路由
const app = express()
const apiRouters = express.Router()  //所有通过接口有关的api都会通过api这个路由导入到具体的路由
const appData = require('../data.json')  //导入json数据
const seller = appData.seller  //卖家json数据
const goods = appData.goods  //商品json数据
const ratings = appData.ratings  //评论json数据

apiRouters.get('/seller',function(req,res){
    res.json({
        errno:0,  //数据正常时，返回0
        data:seller
    });
});

apiRouters.get('/goods',function(req,res){
    res.json({
      errno:0,
      data:goods
    });
});

apiRouters.get('/ratings',function(req,res){
    res.json({
      errno:0,
      data:ratings
    });
});

app.use('/api',apiRouters);  //找到devSever对象

输入npm run dev 打开浏览器访问地址