dVUE开发请求本地数据的配置,早期的vue-lic下面有dev-server.js和dev-client.js两文件,请求本地数据在dev-server.js里配置,最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替,所以 配置本地访问在webpack.dev.conf.js里配置即可。
新版webpack.dev.conf.js配置本地数据访问:
在const portfinder = require(‘portfinder’)后添加
//首先
const express=require('express')
const app=express()//请求server
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/seller', (req, res) => {
res.json({
errno: 0,
data: seller
})//接口返回json数据,上面配置的数据seller就赋值给data请求后调用
}),
app.get('/api/goods', (req, res) => {
res.json({
errno: 0,
data: goods
})
}),
app.get('/api/ratings', (req, res) => {
res.json({
errno: 0,
data: ratings
})
})
}
所有的修改配置都需要重新启动运行命令的:
npm run dev才能生效(切记 ),还有data.json数据也不能少,就放在跟目录下跟index.html同级;