如何在vue-cli中使用proxyTable发出跨源请求？

Question

我想在我的vue-cli项目中使用带有axios的proxyTable。

在我的config / index.js中，我输入如下代码：

proxyTable: {
  '/getnews': {
    target: 'https://xx.xxx.xx.x'
    changeOrigin: true,
    secure: false,
    pathRewrite: {
      '^/getnews': '/getnews'
    }
  }
}

在我的请求函数中，它是这样的：

var url = '/getnews';
  this.$axios({
    methods: 'get',
    url: url,
  })
  .then(response => {
    console.log(response);
  })

现在问题来了，我的浏览器控制台告诉我

xhr.js？ec6c：178 GET http://localhost:8080/getnews 504（网关超时）

终端说：

尝试从localhost代理请求/ getnews时出错：8080到https://xx.xxx.xx.x（ECONNREFUSED）

所以看起来代理没有用完，我的请求仍然转到我的localhost。谁知道如何解决这个问题？

Answer 1

我终于在朋友的帮助下弄明白了。缺少导致问题的端口号。代码应该是这样的：

proxyTable: {
  '/getnews': {
    target: 'https://xx.xxx.xx.x:8080'
    changeOrigin: true,
    secure: false,
    pathRewrite: {
      '^/getnews': '/getnews'
    }
  }
}

然后它工作得很好。