您的位置:首页 > 产品设计 > UI/UE

vue请求数据,build文件没有dev-server.js解决办法

2017-12-19 18:11 1121 查看
在最新的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)
})
})
}

989b

恩 大概就是这样吧,小白一枚,有问题欢迎各位大佬提出建议。。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: