98、解決vue-cli3項目運行時sockjs報錯問題

使用vue-cli3創(chuàng)建的項目,在谷歌瀏覽器運行沒有問題,但在火狐瀏覽器、ie瀏覽器和edge瀏覽器上運行都會報錯(就測試了這幾個瀏覽器,其它的沒測),具體報錯內(nèi)容如下:

// 火狐瀏覽器 報錯如下
"載入頁面時與 ws://localhost:8080/sockjs-node/631/u0rsdsy0/websocket 的連接中斷"
 
// ie瀏覽器 報以下錯誤
SCRIPT5022: SecurityError
sockjs.js (1683,3)
 
// edge瀏覽器 報以下錯誤
SCRIPT12017: SCRIPT12017: WebSocket Error: SECURITY_ERR, Cross zone connection not allowed

解決方法:

  1. 找到/node_modules/sockjs-client/dist/sockjs.js
    2.找到代碼的 1605行
try {
    // self.xhr.send(payload); // 把這行注釋掉
} catch (e) {
    self.emit('finish', 0, '');
    self._cleanup(false);
}

3.刷新,搞定

剛開始以為是兼容性問題,折騰了好久,發(fā)現(xiàn)不是,后來找到一篇大佬寫的文章,才得以解決

////////////////////////////////////////////////////////start//////////////////////////////////////////////////////////////

vue-cli3 一直運行 /sockjs-node/info?t= 解決方案

首先 sockjs-node 是一個JavaScript庫,提供跨瀏覽器JavaScript的API,創(chuàng)建了一個低延遲、全雙工的瀏覽器和web服務(wù)器之間通信通道。

*服務(wù)端:sockjs-node(https://github.com/sockjs/sockjs-node)
客戶端:sockjs-clien(https://github.com/sockjs/sockjs-client)* 

如果你的項目沒有用到 sockjs,vuecli3 運行 npm run serve 之后 network 里面一直調(diào)研一個接口:http://localhost:8080/sockjs-node/info?t=1462183700002**

作為一個有節(jié)操的程序猿,實在不能忍受,特意自己研究了下源碼,從根源上關(guān)閉這個調(diào)用

  1. 找到/node_modules/sockjs-client/dist/sockjs.js *

2.找到代碼的 1605行 *

 try {
  //  self.xhr.send(payload); 把這里注掉
  } catch (e) {
    self.emit('finish', 0, '');
    self._cleanup(false);
  }

3.刷新,搞定。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容