我已经设置了标题，然后还有CORS策略错误（ReactJS）

Question

axios.get("https://url.example.com/b/478L", {
        headers: {
            'Access-Control-Allow-Origin': '*',
            'Content-Type': 'application/json',
        }
    }).then((response) => console.log(response.data))
        .catch((error) => console.log(error))

我的网址不同。

错误：

CORS策略阻止从https://url.example.com/b/478Lhttp://localhost:3000访问XMLHttpRequest：对预试请求的响应不通过权限改造检查：请求的资源上不存在访问控制允许起源标头。

Answer 1

如果你有自己的后端，你可以解决这个问题。例如，在Node/Express后端中，您可以在此处使用corslibrary npm链接

然后在app.js中添加这一行，

//IMPORT THE LIBRARY
const cors = require('cors');


//ALLOW REQUEST FROM ANY DOMAIN
app.use(cors());

将修复错误。

如果您一直遇到此错误，请尝试不同的endpoint。或者你会在这里发现一些有用的东西

Answer 2

我不知道服务器是如何构建的。但每个后端框架都有处理COR的功能。例如，在ExpressJS中，您可以使用cors中间件来处理cors策略。所以试着在服务器端解决这个问题。