javascript - 通过代理获取 URL 返回 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 获取 url，我会收到 403 错误:
错误:“请求失败，状态代码为 403”

不幸的是，我能找到的唯一引用是 this open issue .

就我而言，它在 Firefox 或 Chrome 中不起作用。

这是一个vue-cli 2项目，axios 0.18.0, vue 2.5.2, webpack3.6.0, webpack-dev-server2.9.1`

Answer 1

啊，我明白了，如果它对任何人都有好处，出于某种原因，将我的 API url 设置为 localhost 不起作用:

.env

API_URL=//localhost:8080/api

但以下工作:

.env

API_URL=//127.0.0.1:8080/api