浏览器控制台出错，请求 /sockjs-node/info?t=1555629946494

Question

我使用 vue-cli 创建了一个新站点。我正在使用开发服务器来提供页面。当我在浏览器中查看页面时，我在浏览器控制台中看到两种类型的错误：

GET http://172.31.7.153:4000/sockjs-node/info?t=1555922702538 net::ERR_CONNECTION_TIMED_OUT
GET http://localhost:4000/sockjs-node/info?t=1555922708541 net::ERR_CONNECTION_REFUSED

我不确定这是什么意思，或者 how/why 它正在被调用，并且大约每 5 秒重复出现一次。

Answer 1

我终于使用 devServer.public 配置选项修复了它。

下面是我的 vue.config.js 文件：

module.exports = {
    devServer: {
        disableHostCheck: true,
        port: 4000,
        public: '0.0.0.0:4000'
    },
    publicPath: "/"
}

我从阅读 this 中得到了答案。

Answer 2

要禁用此警告，只需配置 host: 'localhost'。

module.exports = {
  devServer: {
    host: 'localhost',
  },
};

创建此文件 vue.config.js 如果在根目录中不存在。

注意：disableHostCheck 配置为 officially discouraged。

更多信息：

Vuejs 文档：DevServer
网页包：devServer.disableHostCheck

Answer 3

我用以下 vue.config.js 文件解决了这个问题：

module.exports = {
  devServer: {
    host: '0.0.0.0',
    https: false,
    port: 8080,
    public: 'http://0.0.0.0:8080'
  },
}

Answer 4

我知道这是一个偏远的案例，它不适用于 OP，但我在犯了最愚蠢的错误后遇到了这个问题和几个类似的问题：你把你的 Webpack（或其他）编译器开启？

我希望我找到了提示，所以我想我会留下一件小救生衣。

[背景：我忘记了运行我的 npm run serve（可能是 yarn start）。在我的编码会话开始时，我没有启动 Webpack 的 bash 脚本，所以我浪费了很多时间试图弄清楚昨晚我可能做错了什么。它与我的代码无关。 ]

Answer 5

对我来说这在 vue.config.js:

module.exports = {
    devServer: {
        public: 'localhost'
    },
}

我也尝试过使用 host ，但是网站不再加载了。

浏览器控制台出错，请求 /sockjs-node/info?t=1555629946494

Errors in browser console, requests to /sockjs-node/info?t=1555629946494

vue.js

vue-cli