为了避免所有 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, webpack
3.6.0, webpack-dev-server
2.9.1`
最佳答案
啊,我明白了,如果它对任何人都有好处,出于某种原因,将我的 API url 设置为 localhost 不起作用:
.env
API_URL=//localhost:8080/api
但以下工作:
.env
API_URL=//127.0.0.1:8080/api
关于javascript - 通过代理获取 URL 返回 403 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56824822/