前言
在开发vue springboot在项目中,我不知道跨域在哪里没有设置或如何。虽然对跨域没有影响,但总是弹出 警告令人不安。 因此,在本文中,记录如何解决,以防忘记
警告提示信息
根据浏览器的不同,警告内容可能会被翻译,因此通常可以看出,两种情况的警告都是当前需要解决的问题。
情况一:
加载页面时和 ws://10.160.82.2:8083/sockjs-node/060/v1fz4jeu/websocket 连接中断。
情况二:
sockjs.js?9be2:1683 WebSocket connection to ‘ws://localhost:8083/sockjs-node/163/wprlyhno/websocket’ failed: Invalid frame header
解决方案
修改vue.config.js文件
一般情况下,我们写vue所有项目都有配置文件,包括跨域链接、端口修改等。
这个解决方案也在配置文件
修改前
module.exports = {
publicPath: '/', lintOnSave: false, devServer: {
disableHostCheck: true, open: false, port: 8083, // 前端端口 proxy: {
// 代理 '^/': {
target: 'http://localhost:后端端口/项目,// 连接后端跨域配置跨域 changeOrigin: true, secure: false, pathRewrite: {
'^/': '/' } } } } };
修改后
module.exports = {
publicPath: '/', lintOnSave: false, devServer: {
disableHostCheck: true, open: false, port: 8083, // 前端端口 proxy: {
// 代理 '^/': {
ws: false // 添加此代码 target:
'http://localhost:后端端口/项目'
,
// 连接后端跨域配置跨域 changeOrigin
:
true
, secure
:
false
, pathRewrite
:
{
'^/'
:
'/'
}
}
}
}
}
;
重启前端
修改完之后,需要重启vue项目,不然配置文件是不会生效
结语
以上,该警告就不再弹出