解决Vue控制台异常：sockjs-node/info?t= net::ERR_CONNECTION_TIMED_OUT

问题:

由于代理造成sockjs通讯失败

解决思路1 (推荐)

配置 devServer的代理服务器为空, 然后重启(重新执行npm run dev)

  devServer: {
    proxy: ''
  }

vue版本: vuejs2, 完整配置代码

const path = require('path')
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
const resolve = dir => {
  return path.join(__dirname, dir)
}

// 项目部署基础
// 默认情况下，我们假设你的应用将被部署在域的根目录下,
// 例如：https://www.my-app.com/
// 默认：'/'
// 如果您的应用程序部署在子路径中，则需要在这指定子路径
// 例如：https://www.foobar.com/my-app/
// 需要将它改为'/my-app/'
// iview-admin线上演示打包路径： https://file.iviewui.com/admin-dist/
const IsDev = process.env.NODE_ENV === 'development';
const IsPro = process.env.NODE_ENV === 'production';

const BASE_URL = process.env.NODE_ENV === 'production' ? '/' : '/';

module.exports = {
  // Project deployment base
  // By default we assume your app will be deployed at the root of a domain,
  // e.g. https://www.my-app.com/
  // If your app is deployed at a sub-path, you will need to specify that
  // sub-path here. For example, if your app is deployed at
  // https://www.foobar.com/my-app/
  // then change this to '/my-app/'
  publicPath: BASE_URL,
  // tweak internal webpack configuration.
  // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
  // 如果你不需要使用eslint，把lintOnSave设为false即可
  lintOnSave: false,
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src')) // key,value自行定义，比如.set('@@', resolve('src/components'))
      .set('_c', resolve('src/components'))
      .set('_b', resolve('src/libs'))

    config.module.rule('ts').test(/\.tsx?$/).use('ts-loader').loader('ts-loader').options({
      configFile: path.resolve(__dirname, './tsconfig.json'),
      // disable type checker - we will use it in fork plugin
      transpileOnly: true
    });

    config.plugin('ForkTsChecker').use(ForkTsCheckerWebpackPlugin, [{ async: false }]); // 加速TS语法检查
  },
  // 设为false打包时不生成.map文件
  productionSourceMap: false,
  // 这里写你调用接口的基础路径，来解决跨域，如果设置了代理，那你本地开发环境的axios的baseUrl要写为 '' ，即空字符串
  devServer: {
    proxy: ''
  }
}

解决思路2

注释掉请求代码

1. 找到/node_modules/sockjs-client/dist/sockjs.js
2. (Ctrl+G)跳转到 1603行, 注释代码

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

解决思路3

在package-lock.json中找到sockjs和sockjs-client的配置, 把"dev"属性的值设为false, 然后重启(重新执行npm run dev)

参考文献

vue-cli3 中 sockjs-node/info?t=报错 的解决方法 (bbsmax.com)

解决Vue控制台异常：sockjs-node/info?t= net::ERR_CONNECTION_TIMED_OUT - 哔哩哔哩 (bilibili.com)

sockjs-node请求一直报错 (blogs.csdn.net)