sockjs-node/info報(bào)錯(cuò)

GET http://localhost/sockjs-node/info?t=1641268443660 net::ERR_CONNECTION_REFUSED

sockjs-node作用

SockJS is a JavaScript library (for browsers) that provides a WebSocket-like object. SockJS gives you a coherent, cross-browser, Javascript API which creates a low latency, full duplex, cross-domain communication channel between the browser and the web server, with WebSockets or without. This necessitates the use of a server, which this is one version of, for Node.js.

SockJS提供跨瀏覽器JavaScript的API，創(chuàng)建了一個(gè)低延遲、全雙工的瀏覽器和web服務(wù)器之間通信通道?？梢岳斫鉃槲覀兇a改了頁(yè)面及時(shí)熱更新了

請(qǐng)求的格式

http://localhost:[端口]/sockjs-node/info?t=1641276400161
http://IP:[端口]/sockjs-node/info?t=1641276400161

原因

網(wǎng)絡(luò)環(huán)境變更導(dǎo)致，例如無(wú)線網(wǎng)絡(luò)變化、開(kāi)發(fā)IP變了，這種情況60%，重啟項(xiàng)目（npm run dev 或者 npm run serve）就能解決，還有就是端口變了，但是項(xiàng)目中把端口配置死了，這種對(duì)應(yīng)調(diào)整就好了。還有一種是比較特殊的是域名與IP映射的問(wèn)題可能出現(xiàn)在正式環(huán)境或者為了cookie一致（chrome94+）使用域名開(kāi)發(fā)。

解決方案

1、網(wǎng)上最多的版本【不推薦】

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

問(wèn)題是解決了，但是熱更新也廢了

2、配置sockHost 代理，如果IP或者域名是固定的 【同3類似：缺點(diǎn)是要固定死】

module.exports = {
    devServer: {
        sockHost: 'localhost:8080', // localhost[端口]、IP[端口]、域名
        disableHostCheck: true
    }
}

3、配置代理 端口，如果IP或者域名是固定的【同2類似：缺點(diǎn)是要固定死】

module.exports = {
    devServer: {
        port: '8080', // 端口
        disableHostCheck: true
    }
}

4、域名方式設(shè)置端口

我們發(fā)現(xiàn)域名這種出現(xiàn)問(wèn)題的大都是請(qǐng)求loaclhost 少了端口號(hào)
使用代理加上端口，或者開(kāi)發(fā)的時(shí)候自己加上端口

代理配置fiddler、Charles都差不多

請(qǐng)求的時(shí)候 域名+端口

5、設(shè)置為開(kāi)發(fā)環(huán)境，不推薦

/package-lock.json
關(guān)閉開(kāi)發(fā)環(huán)境時(shí)的 sockjs 接口
dev 設(shè)置為false

6、 重啟項(xiàng)目或者服務(wù)器 【60%以上能解決：推薦】

重啟大概率能解決問(wèn)題，如果是域名映射開(kāi)發(fā)方式推薦4，如果項(xiàng)目開(kāi)發(fā)端口、IP比較固定也可以使用2、3。

總結(jié)

到此這篇關(guān)于JavaScript中net::ERR_CONNECTION_REFUSED解決方法大全的文章就介紹到這了,更多相關(guān)net::ERR_CONNECTION_REFUSED解決內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！