为啥我在 Vue.js 中得到 ERR_CONNECTION_TIMED_OUT?

Posted

技术标签:

【中文标题】为啥我在 Vue.js 中得到 ERR_CONNECTION_TIMED_OUT?【英文标题】:Why am I getting ERR_CONNECTION_TIMED_OUT in Vue.js?为什么我在 Vue.js 中得到 ERR_CONNECTION_TIMED_OUT? 【发布时间】:2019-03-05 23:23:57 【问题描述】:

使用 vue cli 3 创建新项目后,出现此错误:

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

操作系统:Windows 10

【问题讨论】:

这是你运行npm run serve时得到的localhost url吗? 我得到 localhot:8080 ,当我在 Linux Mint 中运行我的应用程序时,我也没有收到这些错误。 就我而言,它是在 wifi 网络之间切换。在旧 wifi 网络上运行开发服务器时切换到另一个 wifi 网络后,我开始收到此类错误。我刚刚重新启动开发服务器以与新的网络配置保持一致,问题就消失了。 【参考方案1】:

使用以下代码创建 vue.config.js:

module.exports = 
devServer: 

    host: 'localhost'
    
;

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

【讨论】:

【参考方案2】:

扩展 Alexey 的答案...

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

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

【讨论】:

以上是关于为啥我在 Vue.js 中得到 ERR_CONNECTION_TIMED_OUT?的主要内容,如果未能解决你的问题,请参考以下文章

为啥我在 vue.js 中的自定义搜索过滤器不起作用?

当我在 vue.js 中 npm runbuild 得到错误接口 'NodeRequire' 不能同时扩展类型 'Require'

为啥 vue.js 不会更新 DOM?

为啥不总是在 vue.js for 循环中使用索引作为键?

django & Vue.js:为啥我的 VueJs 组件没有显示在前端?

为啥我的页面可以获取 Vue.js 2 数据属性但它不是响应式的?