自己在学习这个项目中遇到的一个问题就是,模拟数据如何取到,总结如下:
首先设置先有data.json的模拟数据,然后在webpack.dev.conf.js中设置,设置如下:
1、在const portfinder=require('portfinder')后写入如下代码
const express = require('express')
const app = express()
var appData=require('../data.json')
var seller=appData.seller;
var goods=appData.goods;
var ratings=appData.ratings;
var apiRoutes = express.Router();
app.use('/api', apiRoutes)
其中seller、goods、ratings就是data.json中的数据
2、在devserver中的watchOptions后写入如下代码
app.get('/api/seller', (req, res) => {
res.json({
errno: 0,
data: seller
})
}),
app.get('/api/goods', (req, res) => {
res.json({
errno: 0,
data: goods
})
}),
app.get('/api/ratings', (req, res) => {
res.json({
errno: 0,
data: ratings
})
})
}
3、命令行输入npm run dev ,浏览器中输入http://localhost:8080/api/ratings验证即可,如果有数据,证明设置成功。