最近正在学习vuejs这个框架,我安装的vuejs是2.9.3的版本,在环境配置完成后打开项目发现没有dev-server这个文件,当时我就懵了,这表示我无法在按照以前的方法进行数据模拟,后来参考资料说dev-server已经整合到了webpack.dev.conf.js里,我先在这里说明怎么在新版本里面的vue里进行后台数据模拟:
首先找到const portfinder = require('portfinder')这个节点
在这个节点下边添加以下代码:
const express = require('express')
const app = express()
const appData = require('../data.json')
const ratings = appData.ratings
const apiRouter = express.Router()
app.use('/api',apiRouter)
在继续找到devServer这个节点,在这个节点里面添加before(app) { }子节点,往里面进行后台数据模拟:
app.get('/api/ratings',(req, res) => {
res.json({
errno: 0,
data: ratings
});
});
最后保存运行,访问路径即可