javascript - react 和 axios 中的 Access-Control-Allow-Origin 问题
问题描述
我在 reactjs 组件文件中使用了 axios,但是当我想在浏览器中测试这些代码时,显示此错误:“Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://192.227.134.91:7000 /api/v1/auth/login/。(原因:CORS 标头 'Access-Control-Allow-Origin' 缺失)“但我在代码中添加了 'Access-Control-Origin': '*'。我的代码在这里: var resultElement=document.getElementById('postresult1');
var tel=document.getElementById('mobileNumber').value;
resultElement.innerHTML='';
axios.post('http://192.227.134.91:7000/api/v1/auth/login/',
JSON.stringify({'mobile_no': tel}),
{headers: {'Content-Type': 'application/json',
'Access-Control-Allow-Origin' : '*'
}}
)
.then((response) => {
console.log(response.statusText);
var st='OK';
if(response.statusText == st)
{
this.setState({
showBaseModal: false,
codemodal: true
});
}
})
.catch((error) => {
resultElement.innerHTML='It not exist...';
});
mobileNumber is an input in my form.
请帮帮我.....我在chrome浏览器中添加了一个扩展程序,它解决了,但在另一个浏览器(如firefox)中还有这个错误。我该怎么办?请帮助我.....谢谢
解决方案
推荐阅读
- facebook-javascript-sdk - Facebook登录:没有重定向,弹出窗口中的白页
- javascript - react-select 输入在我可以(鼠标单击)选择一个选项之前关闭
- algorithm - 使用重复减法的整数除法算法 - Off by One Errors
- django - 角度保存()方法不起作用英雄教程
- sql - SQL Server 触发器中的条件检查
- amazon-web-services - 从 serverless.yml 创建 AWS Cognito 用户池
- c - 返回函数指针数组
- minikube - 我在哪里可以找到部署在 minikube 中的应用程序的主机 IP 地址
- c# - 触发时对象不使用 Sprite Renderer 出现
- java - 在Java中使用带有反应式包装器的非阻塞IO逐行读取文件