从CORS前飞行前频道中缺少CORS标题“访问控制范围”中的“ X-Auth”

Question

我想从Axios软件包和XAMPP sever获取Post方法的数据，使用Firefox时，我有错误：

交叉原始请求被阻止：相同的原始策略在http://127.0.0.0.1/aftab/inventory3/v1/repository/all上删除远程资源。（原因：从CORS飞行前频道中丢失了CORS标题" Access-Control-Halleaders"中的令牌" X-Auth"）。[了解更多] 交叉 - 原始请求阻止：相同的原始策略在http://127.0.0.0.1/aftab/inventory3/v1/repository/all上删除阅读远程资源。（原因：CORS请求未成功）

但是，当在Chrome中进行测试时，它可以正常工作，而我没有任何错误，

我的Axios请求代码是：

let page = 1;
    let config =
        {
            'Content-Type': 'application/x-www-form-urlencoded',
            'x-auth': localStorage.getItem("token"),
        };
    let data = {page: page};
    if (localStorage.getItem("token")) {
        await axios({
            method: "post",
            url: "http://127.0.0.1/aftab/inventory3/v1/repository/all",
            data: data,
            headers: config
        }).then(function (response) {
            console.log(response);
        }).catch(function (error) {
            if (error.response) {
                cosole.log(response);
            } else if (error.request) {
               console.log(error.request);
            } else {
                console.log('Error', error.message);
            }
            console.log(error.config);
        });
    } else {
        localStorage.removeItem("token");
        // this.history.push('/log/in');
    }

在Firefox控制台中：

Firefox控制台

在Firefox控制台网络中，仅发送了一个选项方法，在我们没有任何请求之后，它在Chrome中它正常工作，并且我们有一个邮政方法请求之后，一个选择方法

Answer 1

更改您的配置，看起来像

let config =
        {
            'Content-Type': 'application/x-www-form-urlencoded',
            'x-auth': localStorage.getItem("token"),
            'Access-Control-Allow-Origin': '*'
        };

，还可以在服务器上启用COR

Answer 2

当我们从项目中创建构建时，这在Chrome和Firefox中都正确地工作，因为在项目选项方法的构建版本中不发送，我们只有发布方法，并且它可以使用所有浏览器，就像React

Answer 3

我有类似的问题并检查了我的Axios版本，它是0.18.0帖子请求正常。但是，获取请求无法处理您提到的类似问题。然后我尝试了Beta版本。

尝试此Beta版本的Axios IE 0.19.0-beta.1

https://github.com/axios/axios/tree/v0.19.0-beta.1

它在我的情况下修复了。

 "axios": "0.19.0-beta.1"

注意：如果您打算使用beta版本。我希望它应该起作用。