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

2024-03-06

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

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

and

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

您需要在服务器端启用跨源请求。如何使用 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。根据您的要求进行调整。

Check this https://stackoverflow.com/questions/41497674/access-control-allow-origin-issue-when-api-call-made-from-react-isomorphic-ap/60908929#60908929如果您无法更改服务器,请链接获取更多信息。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ReactJS 中没有“Access-Control-Allow-Origin” 的相关文章

随机推荐