vue/cle3项目运行报错sockjs-node/info解决方案

启动项目后，在内网非本机运行项目时，控制台报错如下：

get http://localhost:8080/sockjs-node/info?t=1462183700002 net::ERR_CONNECTION_REFUSED
[WDS] Disconnected!
get http://localhost:8080/sockjs-node/info?t=1462183700002 net::ERR_CONNECTION_REFUSED
[WDS] Disconnected!
get http://localhost:8080/sockjs-node/info?t=1462183700002 net::ERR_CONNECTION_REFUSED
[WDS] Disconnected!
...

报错分析

首先，sockjs-node是何方神圣？不难查出，sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。那么在各端表现为：

• 服务端：sockjs-node（github.com/sockjs/sock…
• 客户端：sockjs-clien（github.com/sockjs/sock…

  vue-cli3.x的启动方式是 npm run serve，我们没有用到该sockjs-node功能，但启动时会默认连续发请求调用本地接口。因此我们要做的就是移除掉它。那么如何移除？

解决方案

  分享两种方案

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); }

3. 重启项目

2. 配置vue.config

  vue.config.js中的module.xports中添加如下，然后重启：

devServer: {
    proxy: 'http://localhost:8080',
    public: '192.168.xxx.xxx:8080'  // 本地ip
}