首页 > 解决方案 > 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)中还有这个错误。我该怎么办?请帮助我.....谢谢

标签: javascriptreactjsaxios

解决方案


推荐阅读