Reactjs 网络错误/403请求服务代理时被禁止

我需要制作一个React应用程序，该应用程序向该服务发出求职申请请求，而我当前在尝试发出GET请求时遇到问题

它适用于优秀的浏览器或内部邮递员，但当尝试使用axios时，情况就不一样了

起初，我尝试使用axios发出一个简单的GET请求，如下所示：

我得到了这个错误：

Access to XMLHttpRequest at 'https://www.indecon.online/last' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

因此，我尝试了第二次，这次使用http代理中间件npm包（遵循本教程：）。 我将setupProxy.js文件配置为：

并简单地更改了异步函数，如下所示：

现在我在请求之后得到了这个错误（第二个错误是catch块中的console.error（）的结果）：

我已经用另一个公共服务尝试了代理配置和axios请求，并得到了成功的响应

---

谢谢你的帮助

我假设您使用create-react-app创建了应用程序，因此您有一个package.json，该package.json依赖于react脚本和一个使用react脚本的启动脚本。您可以从项目中删除http代理中间件包，并在package.json中添加代理条目：

{
  "dependencies": {
    "react-scripts": "3.4.1", <-- you should already have this
  },
  "scripts": {
    "start": "react-scripts start", <-- you should already have this
  },
  "proxy": "https://www.indecon.online"
}

{
“依赖项”：{
“react scripts”：“3.4.1”，它起作用了。老实说，我认为这两种方法（设置setupProxy和直接在package.json中添加代理）也会起同样的作用，所以我没有尝试第二种方法。非常感谢。
{
  "dependencies": {
    "react-scripts": "3.4.1", <-- you should already have this
  },
  "scripts": {
    "start": "react-scripts start", <-- you should already have this
  },
  "proxy": "https://www.indecon.online"
}