通过代理获取网址会返回403错误

Question

为了避免所有CORS头痛，我设置了vue cli以通过Webpack代理API调用：

config / index.js

proxyTable: {
  '/api': {
    target: 'https://remote',
    changeOrigin: true,
    '^/api': '/api'
  }
},

可以直接在浏览器中访问URL，例如：http://localhost:8080/api/events

但是，如果我尝试使用axios获取网址，则会收到403错误： Error: "Request failed with status code 403"

很遗憾，我只能找到this open issue。

就我而言，它不适用于Firefox或Chrome。

这是一个vue-cli 2项目，axios 0.18.0，vue 2.5.2, webpack 3.6.0 , webpack-dev-server 2.9.1`

Answer 1

啊，如果出于某种原因使任何人受益，我会发现将我的API网址设置为localhost不起作用：

.env

API_URL=//localhost:8080/api

但是以下方法可行：

.env

API_URL=//127.0.0.1:8080/api