新版webpack.dev.conf.js配置如下:
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)
找到devServer,在最后添加
before(app) {
app.get('/api/appData', (req, res) => {
res.json({
errno: 0,
data: appData
})//接口返回json数据,上面配置的数据appData就赋值给data请求后调用
}),
app.get('/api/seller', (req, res) => {
res.json({
// 这里是你的json内容
errno: 0,
data: seller
})
}),
app.get('/api/goods', (req, res) => {
res.json({
// 这里是你的json内容
errno: 0,
data: goods
})
}),
app.get('/api/ratings', (req, res) => {
res.json({
// 这里是你的json内容
errno: 0,
data: ratings
})
})
}
然后npm run dev,一定要重启 一下就可以http://localhost:8080/api/appData 访问了
截图如下
执行 npm run dev
打开路径http://localhost:8080/api/appData 能请求到数据
打开http://localhost:8080/api/seller 能请求到seller相关数据,如果请求不到,而是显示主页,则需要检查代码,或者执行npm run dev
取消eslint