我正在尝试使用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)
})
字符串
1条答案
按热度按时间0ve6wy6x1#
如果你只需要运行和测试你的代码,你可以在浏览器中使用no-cors模式(如这里所描述的Disable same origin policy in Chrome),或者使用一些浏览器扩展,关闭cors限制模式(如这里的https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf)来避免这个问题。但是如果您需要在生产中避免这个问题,您需要后端支持,正如Senthil Balaji之前提到的