JavaScript中net::ERR_CONNECTION_REFUSED解决方法大全

 更新时间:2022年10月20日 14:19:35   作者:KaGISer  
在一次测试中遇到了报net::ERR_CONNECTION_REFUSED的错误,五哦一下面这篇文章主要给大家介绍了关于JavaScript中net::ERR_CONNECTION_REFUSED解决方法的相关资料,需要的朋友可以参考下

sockjs-node/info报错

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,创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。可以理解为我们代码改了页面及时热更新了

请求的格式

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

原因

网络环境变更导致,例如无线网络变化、开发IP变了,这种情况60%,重启项目(npm run dev 或者 npm run serve)就能解决,还有就是端口变了,但是项目中把端口配置死了,这种对应调整就好了。还有一种是比较特殊的是域名与IP映射的问题可能出现在正式环境或者为了cookie一致(chrome94+)使用域名开发。

解决方案

1、网上最多的版本【不推荐】

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

问题是解决了,但是热更新也废了

2、配置sockHost 代理,如果IP或者域名是固定的 【同3类似:缺点是要固定死】

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

3、配置代理 端口,如果IP或者域名是固定的【同2类似:缺点是要固定死】

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

4、域名方式设置端口

我们发现域名这种出现问题的大都是请求loaclhost 少了端口号
使用代理加上端口,或者开发的时候自己加上端口

代理配置fiddler、Charles都差不多

请求的时候 域名+端口

5、设置为开发环境,不推荐

/package-lock.json
关闭开发环境时的 sockjs 接口
dev 设置为false

6、 重启项目或者服务器 【60%以上能解决:推荐】

重启大概率能解决问题,如果是域名映射开发方式推荐4,如果项目开发端口、IP比较固定也可以使用2、3。

总结

到此这篇关于JavaScript中net::ERR_CONNECTION_REFUSED解决方法大全的文章就介绍到这了,更多相关net::ERR_CONNECTION_REFUSED解决内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 一文详解JS与TS的主要区别

    一文详解JS与TS的主要区别

    TypeScript(简称 TS)和JavaScript(简称 JS)都是用于编写Web应用程序的语言,下面这篇文章主要给大家介绍了关于JS与TS的主要区别,需要的朋友可以参考下
    2024-03-03
  • 解决layer弹出层中表单不起作用的问题

    解决layer弹出层中表单不起作用的问题

    今天小编就为大家分享一篇解决layer弹出层中表单不起作用的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 基于Phantomjs生成PDF的实现方法

    基于Phantomjs生成PDF的实现方法

    这篇文章主要介绍了基于Phantomjs生成PDF的实现方法,结合实例形式分析了Phantomjs结合nodejs生成pdf的操作步骤与相关技巧,需要的朋友可以参考下
    2016-11-11
  • 微信小程序下面商品左右滑动上面tab也跟随变动功能实现

    微信小程序下面商品左右滑动上面tab也跟随变动功能实现

    这篇文章主要介绍了小程序下面商品左右滑动上面tab也跟随变动功能,也就是点击tab切换下面的商品信息,滑动下面的商品信息tab也进行切换,本文给大家分享实现代码,需要的朋友可以参考下
    2022-07-07
  • JavaScript仿淘宝放大镜效果

    JavaScript仿淘宝放大镜效果

    这篇文章主要为大家详细介绍了JavaScript仿淘宝放大镜效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • js获取location.href的参数实例代码

    js获取location.href的参数实例代码

    本文为大家介绍下js如何获取location.href的参数,需要注意的是去掉参数里最开头的?号,具体实现如下,有需要的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • egg.js的基本使用实例

    egg.js的基本使用实例

    本文主要介绍了egg.js的基本使用实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-04-04
  • js数组对象的includes方法使用

    js数组对象的includes方法使用

    这篇文章主要介绍了js数组对象的includes方法使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • uniapp项目优化方式及建议

    uniapp项目优化方式及建议

    性能优化自古以来就是重中之重,本文关于uniapp项目优化方式最全整理,会根据开发情况进行补充,感兴趣的可以了解一下
    2021-08-08
  • JS精确判断数据类型代码实例

    JS精确判断数据类型代码实例

    这篇文章主要介绍了JS精确判断数据类型代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12

最新评论