reactJS 中没有“Access-Control-Allow-Origin”

IT技术 reactjs react-native axios
2021-05-04 20:39:44

我想知道如何在 reactJS 或 react-native 环境中的 axios post 方法中设置 Access-Control-Allow-Origin？我使用 CORS 附加组件，它可以工作，但我也想将它设置在标题中，我尝试了这些方法，但没有一个不起作用。

axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';

和

let axiosConfig = {
  headers: {
    'method':'POST',
    'X-Requested-With': 'XMLHttpRequest',
    'Content-Type': 'application/x-www-form-urlencoded',
    'Access-Control-Allow-Origin': '*',
  }
};
1个回答

您需要在服务器端启用跨源请求。使用 Express 如何做到这一点的片段如下

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

这将使所有请求都支持 CORS。根据您的要求进行调整。

如果您无法更改服务器，请查看此链接以获取更多信息。

其它你可能感兴趣的问题
上一篇在 ag 网格回调中使用状态变量未更新 下一篇递归数据和组件，稍后获取抛出错误