AXIOS POST 访问控制检查失败：没有 'Access-Control-Allow-Origin' .HTTP 状态代码 405

Question

我不知道自己做错了什么，需要帮助。

function loadDoy() {
    axios({
        method: 'post',
        headers: {

"Access-Control-Allow-Origin": "*",
            'Content-Type': 'application/json',
        },
        url: apiPostUrl,
        data: {
            user: "webuser",
            password: "m0nk3yb@rz",
            layout: "Main Menu"
        },
    })
    .then(function(response) {
        this.token = response.data.token;
        //if login token works then get records
        getRecords();
    })
    .catch(function(xhr, ajaxOptions, thrownError) {
        alert(xhr.status);
        alert(thrownError);
    });
}

Answer 1

您可以在 axios 帖子的标题处使用 'crossDomain': true，这是由于 cors 错误。您的浏览器正在生成一个Preflight Request，它使用 OPTIONS HTTP 方法。这是为了检查服务器是否允许 POST 请求 - 405 状态代码是在响应 OPTIONS 请求时发送的，而不是您的 POST 请求

在这种情况下，以下是导致请求被预检的原因：

如果 Content-Type 标头的值不是以下值：

1. application/x-www-form-urlencoded

2. 多部分/表单数据

3. 文本/纯文本

Content-Type 标头的值被 axios 设置为 application/json;charset=utf-8。使用 text/plain;charset=utf-8 或 text/plain 可以解决问题：您可以尝试如下使用。

来源：App Script sends 405 response when trying to send a POST request

    axios({
        method: 'post',
        headers: {    
            'crossDomain': true,
            //'Content-Type': 'application/json',
            'Content-Type': 'text/plain;charset=utf-8',
        },
        url: apiPostUrl,
        data: {
            user: "webuser",
            password: "m0nk3yb@rz",
            layout: "Main Menu"
        },
    })
    .then(function(response) {
        this.token = response.data.token;
        //if login token works then get records
        getRecords();
    })
    .catch(function(xhr, ajaxOptions, thrownError) {
        alert(xhr.status);
        alert(thrownError);
    });