环境
-
laradock
-
@vue/cli 4.5.4
问题
- 启动 vue 项目
$ yarn serve
2020-09-16_5f6177d2a45f7.png
- 访问
访问 http://localhost:8080/admin-dev/ ,看到 network 中请求的 api 报错如上图所示。这是因为后端 api 请求仅支持80端口,这边指向8080,势必不行。
解决
- 修改 vue.config.js
let proxyObj = {};
proxyObj['/ws'] = {
ws: true,
target: "ws://192.168.50.186:8081"
};
proxyObj['/'] = {
ws: false,
target: "http://192.168.50.186:80",
changeOrigin: true,
pathRewrite: {
'^/': ''
}
};
module.exports = {
devServer: {
host: '0.0.0.0',
port: 8080,
proxy: proxyObj
}
}
使用 devServer.proxy 完成代理配置即可,proxyObj.target 指向的是请求的 api 地址,这里分别代理了 api 和 websocket 请求。
- 再次启动 vue 项目
网友评论