vue 在本地mock数据

在开发前端项目的过程中，有时需要请求后台的数据，但是后台还没有开发好接口，怎么办呢？这个时候，就需要在本地模拟一些数据。
在使用vue开发项目的时候，就可以很方便的在本地模拟接口。
首先打开build/dev-server.js文件，在文件里添加一下代码：

var app = express()
var appData = require('../city.json')
var data = appData.data
var apiRoutes = express.Router()
apiRoutes.get('/city',function(req,res){
    res.json({
        status:200,
        data: data
    })
})
app.use('/api',apiRoutes)

项目结构

运行npm run dev后在浏览器里输入localhost:8080/api/city就会看到对应的数据(每次修改配置文件都要重启一下服务)

输出数据