Question

我在reactjs组件文件中使用了axios，但是当我想在浏览器中测试这些代码时，显示此错误：“Cross-Origin Request Blocked：同源策略禁止在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有这个错误。我该怎么办？请帮我..... 感谢

react和axios中的Access-Control-Allow-Origin问题

0 个答案: