axios 在API提取期间总是得到此CORS错误

nfs0ujit  于 2023-08-04  发布在  iOS
关注(0)|答案(1)|浏览(155)

我正在尝试使用Axios获取数据,(URL:http://3.134.99.170:4000/upcomingMovies)的数据库
我总是犯这个错误:
CORS策略阻止了从源“http://localhost:9000”访问“http://3.134.99.170:4000/upcomingMovies”的XMLHttpRequest:对飞行前请求的响应未通过访问控制检查:请求的资源上不存在'Access-Control-Allow-Origin'标头。
我也试过使用fetch和superagent,但同样的错误再次。
这是我的代码:

axios({
      method: "GET",
      url: "http://3.134.99.170:4000/upcomingMovies",
      headers: {
        'Access-Control-Allow-Headers': 'Content-Type, Accept, Access-Control-Allow-Origin, Access-Control-Allow-Methods',
        'Access-Control-Allow-Origin' : '*',
        'Access-Control-Allow-Methods' : 'GET,PUT,POST,DELETE,PATCH,OPTIONS',
        "Content-type": "application/json"
      }
    })
    .then((response) => {
      setUpcomingMovies(response)
    })
    .catch((error) => {
      console.log(error)
    })

字符串

0ve6wy6x

0ve6wy6x1#

如果你只需要运行和测试你的代码,你可以在浏览器中使用no-cors模式(如这里所描述的Disable same origin policy in Chrome),或者使用一些浏览器扩展,关闭cors限制模式(如这里的https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf)来避免这个问题。但是如果您需要在生产中避免这个问题,您需要后端支持,正如Senthil Balaji之前提到的

相关问题