Vue CLI 给出错误 ERR_CONNECTION_TIMED_OUT

Question

我正在使用 Vuex 迈出第一步，我正在尝试使用它来实现一些 API 请求。

我已经实现了以下结构：

组件.Vue

export default {
  created() {
     this.$store.dispatch('getData', {value: this.$route.params.title});
  },
}

VueX 存储（这是处理进行 api 调用的突变的操作。）

actions: {
    getData(context, payload) {
       context.commit('getData', payload);
    },
},

一切都按预期工作，从 API 获取内容并呈现在页面上。但是如果我打开 DevTools，每隔 X 秒就会出现一个超时错误。它是这样说的：

sockjs.js?9be2:1606 GET http://192.168.0.00:8080/sockjs-node/info?t=1607010077338 net::ERR_CONNECTION_TIMED_OUT

你知道我做错了什么吗？

非常感谢！

问候， T.

Answer 1

这可能是 Vue CLI (webpack) devServer 主机名的问题。在 vue.config.js 中试试这个：

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