Javascript 访问控制允许react和axios中的原点问题
我在reactjs组件文件中使用了axios,但当我想在浏览器中测试这些代码时,显示以下错误:“跨源请求被阻止:同一源策略不允许读取处的远程资源。(原因:CORS标头“Access Control Allow Origin”丢失) 但我在代码中添加了“访问控制源”:“*”。我的代码在这里: var resultElement=document.getElementById('postresult1') 请帮帮我。。。。。 我在chrome浏览器中添加了一个扩展,解决了这个问题,但在另一个浏览器(如firefox)中仍然存在这个错误。 我该怎么办?请帮帮我。。。。。Javascript 访问控制允许react和axios中的原点问题,javascript,reactjs,axios,Javascript,Reactjs,Axios,我在reactjs组件文件中使用了axios,但当我想在浏览器中测试这些代码时,显示以下错误:“跨源请求被阻止:同一源策略不允许读取处的远程资源。(原因:CORS标头“Access Control Allow Origin”丢失) 但我在代码中添加了“访问控制源”:“*”。我的代码在这里: var resultElement=document.getElementById('postresult1') 请帮帮我。。。。。 我在chrome浏览器中添加了一个扩展,解决了这个问题,但在另一个浏览器(
谢谢您的api端点需要添加一个规则来接受所有请求。在前端你无能为力。你使用哪种服务器端语言?这不是前端问题我使用了Django Python你需要在api中使用cros头,
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.