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秒重复显示一次。

Answer 1

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

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

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

注意：disableHostCheck 配置为 officially discouraged。

更多信息：

Answer 2

我使用以下 vue.config.js 文件修复了此问题：

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

Answer 3

我终于使用devServer.public配置选项对其进行了修复。

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

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

通过阅读this，我得到了答案。

浏览器控制台中的错误，对/ sockjs-node / info的请求？t = 1555629946494

3 个答案: