浏览器控制台中的错误，对/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

我不确定它的含义，或者为什么会被称作这个名字，而且它每隔5秒钟就会不断出现。

- Blaine Lafreniere

Answer 1

我最终使用devServer.public配置选项解决了它。

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

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

我从阅读这个得到了答案。

- Blaine Lafreniere

---

谢谢你的提示！ - roroland

只是一个澄清的注意事项，vue.config.js文件不会默认存在，你可能需要在项目根目录下创建它。 - Richard

欲知详情，请查看此处和此处。 - Nakamoto

请参见Nakamto下面的答案，那里有一个更简单、更好的版本。 - tog22

真让人沮丧的是，据我所知，这个配置选项在文档中并没有列出。 - Nathan Jones

Answer 2

为了禁用此警告，只需配置host: 'localhost'即可。

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

如果根目录下不存在，请创建文件vue.config.js。

注意：disableHostCheck配置官方不建议使用。

更多信息：

• Vuejs文档：DevServer
• Webpack：devServer.disableHostCheck
• 修复来源

- Nakamoto

Answer 3

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

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

- HyperActive

Answer 4

对我来说，这在vue.config.js中起作用：

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

我也尝试使用host就像Nakamoto建议的那样, 但是网站无法加载了。

- Mano Meter

Answer 5

我知道这是一个偶然情况，不适用于OP，但在犯了最愚蠢的错误后，我遇到了这个问题和几个类似的问题：你是否打开了Webpack（或其他）编译器？

我希望我当时能够找到这个提示，所以我想留下一个小提示。

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

- Giampaolo Ferradini