为什么在Vue.js中出现ERR_CONNECTION_TIMED_OUT错误？

Question

使用vue cli 3创建新项目后，我遇到了这个错误：

GET http://192.168.1.13:8080/sockjs-node/info?t=1538257166715 net::ERR_CONNECTION_TIMED_OUT sockjs.js?9be2:1605

操作系统：Windows 10

- g miou

---

当你运行 npm run serve 命令时，这是你得到的本地主机 URL 吗？ - Dan Oswalt

我得到了localhot:8080，而且当我在Linux Mint上运行我的应用程序时，我没有遇到这些错误。 - g miou

在我的情况下，出现了在不同的wifi网络之间切换时出现的错误。当我在旧wifi网络上运行开发服务器时，一旦切换到另一个wifi网络就开始出现这样的错误。我只需重新启动开发服务器以与新的网络配置对齐，问题就解决了。 - Maksim Shamihulau

Answer 1

创建 vue.config.js 文件，并添加以下代码：

module.exports = {
devServer: {

    host: 'localhost'
    }
};

https://cli.vuejs.org/config/#devserver

- Alexey Ryazhskikh

Answer 2

进一步解释Alexey的答案...

如果你的前端应用程序和后端API服务器不在同一台主机上运行，则需要在开发过程中代理API请求到API服务器。这可以通过vue.config.js文件中的devServer.proxy选项进行配置。https://cli.vuejs.org/config/#devserver

module.exports = {
  devServer: {
    proxy: 'http://localhost:8080'
  }
}

- Eric Bynum