在最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替,所以 配置本地访问在webpack.dev.conf.js里配置即可
1.旧版dev-server.js配置本地数据访问:
在var compiler = webpack(webpackConfig)前面配置
var app = express()
var appData = require('../data.json')
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings
var apiRoutes = express.Router()
apiRoutes.get('/seller', function (req, res) {
res.json({
errno: 0,
data: seller
}
)
})
apiRoutes.get('/goods', function (req, res) {
res.json({
errno: 0,
data: goods
}
)
})
apiRoutes.get('/ratings', function (req, res) {
res.json({
errno: 0,
data: ratings
}
)
})
app.use('/api', apiRoutes)
2.
新版在webpack.dev.conf.js配置
const express = require('express')
const app = express()
var axios = require('axios')
var apiRoutes = express.Router()
app.use('/api', apiRoutes)
//找到devServer在里面添加
before (app) {
app.get('/api/getDiscList', function (req, res) {
var url = '' //链接地址
axios.get(url, {
headers: {
referer: '',
host: ''
},
params: req.query
}).then((response) => {
res.json(response.data)
}).catch((e) => {
console.log(e)
})
})
}
恩 大概就是这样吧,小白一枚,有问题欢迎各位大佬提出建议。。