Vue CLI：无法加载 localhost:8080

Question

我目前有一个配置了 Vue CLI 4.5.11 的 Webpack 服务器。我已经使用这台服务器几个月了，我不知道发生了什么变化，但是localhost:8080 突然在我的所有浏览器（Chrome、Safari、Postman）上都无法访问，除了 Firefox，它似乎是唯一适用的浏览器某些原因。在 Chrome 上，我收到了 ERR_CONNECTION_RESET。

话虽如此，使用127.0.0.1:8080 可以正常工作，以及更改端口（例如localhost:8081）

以下是我的vue.config.js 文件的简要外观：

module.exports = {
  publicPath: '/assets/app',
  devServer: {
    host: 'localhost'
    port: 8080,
    disableHostCheck: true,
    headers: {
      'Access-Control-Allow-Origin': '*'
    }
  }
}

我还检查以确保端口8080 上没有运行任何东西。最后，我什至重置了我的 Mac！

我发现的唯一“hack”是像这样启动我的服务器：yarn serve --host 0.0.0.0 --host localhost --port（是的，两个host 选项是它工作所必需的......）

话虽如此，我宁愿找到实际的问题...有谁知道出了什么问题？

附：我在 Mac OS Big Sur 上

Answer 1

尝试将主机修改为您的本地地址 喜欢： 主机：'127.0.0.1'