vue2.0 mock数据(模拟数据)

因为开发是前后端同步的，所以前端有时需要自己模拟数据。这里是在vue2.0的vue-cli中模拟数据

我们在根目录下新建文件夹mock，存放我们的数据goodList.json

在build文件夹下的webpack.dev.config.js中：

// 引入各个文件
const express = require('express')
const app = express()
const router = express.Router()
const goodListData = require('../mock/goodList.json')
app.use('/api', router)

//该代码已经纯在，我们是加入 before函数
const devWebpackConfig = merge(baseWebpackConfig, {
  devServer: {
    // 在devserver中加入before函数
    before(app) {
      app.get('/api/goodList', (req, res, next) => {
        res.json(goodListData)
      })
    }
  },
})

这样以来我们就可以通过http://localhost:8080/api/goodList访问数据了