获取 API 错误 - 预检请求未通过访问控制检查

Question

我正在尝试实现 fetch api 以从我们的服务器获取资源。我可以使用 Postman 检索资源，也可以将端点粘贴到浏览器中。但是，当我尝试使用 fetch api 访问端点时，出现以下错误：

从 Postman 拨打电话时，我得到以下结果：

从应用程序拨打电话时，我得到以下信息：

我不得不隐藏到实际的端点，因为它们是公司端点，我不能公开它们。如果这导致问题，请告诉我，也许我可以添加更多信息。

请求代码：

return fetch(url, {
    method: 'get',
    headers: this._headers()
})
.then(data => {
    console.log(data);
    return data;
})
.then(this._checkStatus)
.then(res => res.json());


_headers(auth) {
    let headers = new Headers({
        'Content-Type': 'application/json'
    });

    return headers;
}

_checkStatus(response) {
    if (response.status >= 200 && response.status < 300) {
        return response;
    } else {
        let error = new Error(response.statusText);
        error.response = response;
        throw error;
    }
}

Answer 1

这通常发生在您进行跨域请求时。 要解决此问题，您必须在您的服务器上启用 CORS（跨源资源共享）https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS