reactjs - reactJS中没有'Access-Control-Allow-Origin
问题描述
我想知道如何在 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': '*',
}
};
解决方案
您需要在服务器端启用跨源请求。您如何使用 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。根据您的要求进行调整。
如果您无法更改服务器,请查看此链接以获取更多信息。
推荐阅读
- visual-studio-code - 将鼠标悬停在 Visual Studio 代码调试适配器上的错误符号
- uwp - 如何在 UWP 中断开与 BLE 设备的连接
- javascript - 如何减慢我的 Javascript 函数来创建一个扩大的圆圈动画?
- swift - 构建失败:无法打开文件(在目标“项目”中)(在目标“”中)
- python - mxnet - 较长的 GPU 初始化时间
- ios - Swift - UITableViewController 内的不可滚动的 UITableViewController
- sql - 测试来自两个不同数据源的数据
- php - 当我在编辑按钮中传递一个 id 并单击然后突然更改每个文件路径并且函数进入每个路径文件时如何解决
- kotlin - 只为 Kotlin/Native 项目构建一个可执行文件
- c# - 如何绕过控制器上的 [SessionExpire] 属性