资讯详情

记录载入页面时与 ws://XXX地址/sockjs-node/xxx/websocket 的连接中断---解决办法

前言

在开发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项目,不然配置文件是不会生效

结语

以上,该警告就不再弹出

标签: 二极管jeu05dp二极管jeu05df

锐单商城拥有海量元器件数据手册IC替代型号,打造 电子元器件IC百科大全!

锐单商城 - 一站式电子元器件采购平台