Axios:获取两个请求 OPTIONS 和 POST

IT技术 javascript reactjs redux react-redux axios
2021-05-07 04:12:04

我正在尝试发布数据。一切正常,但我不知道为什么我收到两个请求OPTIONS&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);
            })
    }
}
1个回答

通过 AJAX 的非简单 CORS 请求是预检的。在此处阅读更多相关信息这是浏览器的行为,与 axios 无关。这种行为本身没有任何问题,如果它对你有用,你可以放弃它。

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

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

  2. 使您的 CORS 请求变得简单。您必须将Content-Type标题更改application/x-www-form-urlencodedormultipart/form-datatext/plain没有application/json

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