reactJS中没有'Access-Control-Allow-Origin'

时间:2018-07-29 05:31:32

标签: reactjs react-native axios

我想知道如何在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 个答案:

答案 0 :(得分: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。根据您的要求进行调整