Axios:获得两个请求选项和POST

Question

我有一个使用Redux和React构建的React应用程序我正在尝试发布数据.一切工作正常,但我不知道为什么我得到两个请求OPTIONS:POST

也许是因为API URL与react不在同一台服务器上.

POST:

选项:

这是代码:

const url = 'http://rest.learncode.academy/api/johnbob/myusers';

export function postUsers(username, password) {
    let users = {
        username,
        password,
    };
    return{
        type: "USERS_POST",
        payload: axios({
            method:'post',
            url:url,
            data: users,
        })
            .then(function (response) {
                console.log(response);
            })
            .catch(function (error) {
                console.log(error);
            })
    }
}

Answer 1

通过AJAX的非简单CORS请求是预先通过的.在这里阅读更多相关信息.这是一种浏览器行为,并不是axios特有的.这种行为没有任何本质上的错误,如果它对你有效,你可以离开它.

如果您坚持要摆脱它,有几种方法可以解决:

1. 您可以Access-Control-Allow-Origin: *在服务器上设置禁用CORS.

2. 使您的CORS请求变得简单.你将不得不改变Content-Type头application/x-www-form-urlencoded或multipart/form-data或text/plain.不application/json.

如果OPTIONS请求没有阻止你,我会说保持原样.