Vue 在 Localhost 開發時出現 “ERR_CONNECTION_REFUSED”、”ERR_CONNECTION_TIMED_OUT” 錯誤的解決方式｜伊恩踩坑筆記

我在 Localhost 開發的時候會出現錯誤訊息

GET http://192.168.43.55:8081/sockjs-node/info?t=1628162070493 net::ERR_CONNECTION_TIMED_OUT
GET http://192.168.43.55:8081/sockjs-node/info?t=1628162070493 net::ERR_CONNECTION_REFUSED

看起來似乎沒有影響到什麼，只是有一點強迫症的我看到有紅色的字出現在我的 Log 我就渾身不對勁

解決方法有兩種

• 方法一：

1. 前往目錄底下的 /node_modules/sockjs-client/dist/sockjs.js 檔案
2. 在約 1609 行位置處將 self.xhr.send(payload); 註解

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

• 方法二：

1. 開啟 vue.config.js
2. 在 devServer 中加入 host: ‘0.0.0.0’, hot: true, disableHostCheck: true 參數並重新 run serve

devServer: {
  host: '0.0.0.0',
  hot: true,
  disableHostCheck: true,
},

就不會有錯誤出現了

ING Design 応設計
https://www.theingdesign.com/