![cover](https://img-blog.csdnimg.cn/img_convert/2edfaeed88e444c687517d075f7b67ab.png)
解决WebSocketClient.js?5586:16 WebSocket connection to ‘ws://192.168.1.102:8999/ws‘ failed:
修改vue.config.js里的devServer配置,添加client 配置。
·
![](https://i-blog.csdnimg.cn/blog_migrate/b7756ce6424953bbbad7f4295f22ccea.png)
修改vue.config.js里的devServer配置,添加client 配置
client: {
webSocketURL: 'ws://0.0.0.0:8999/ws'
}
module.exports = {
// 配置跨域请求
devServer: {
// 项目运行的端口号配置
port: 8999,
// 自动打开浏览器
open: true,
https: false,
proxy: {
'/api': {
// 要请求的后端接口
target: 'http://127.0.0.1:8888',
ws: true, // 用于支持websocket,不写默认为true
// 开启跨域
changeOrigin: true,
// secure: true, // 如果是 https,需要开启这个选项
// 替换 target 中的请求地址,也就是说,以后请求地址时候,直接写成/api即可
pathRewrite: {
'^/api': ''
}
}
},
// 添加后, WebSocket 就不会报错了
client: {
webSocketURL: 'ws://0.0.0.0:8999/ws'
}
}
}
更多推荐
所有评论(0)