请求的资源上不存在“Access-Control-Allow-Origin”标头 + 响应的 HTTP 状态代码为 401

XMLHttpRequest 无法加载http://192.168.1.253:8080/... 不 请求中存在“Access-Control-Allow-Origin”标头 资源。起源 'http://本地主机:4200' 因此不允许 使用权。响应的 HTTP 状态代码为 401。

这是很常见的错误，有很多可能的解决方案都不起作用。我理解（我认为）CORS 应该如何工作，并且我没有看到我的 HTTP 标头有任何问题，但它仍然不起作用

来自 Chrome：

Request URL:http://192.168.1.253:8080/...
Request Method:OPTIONS
Status Code:200 OK
Remote Address:192.168.1.253:8080
Referrer Policy:no-referrer-when-downgrade
Response Headers
Access-Control-Allow-Headers:x-requested-with,accept,content-
type,authorization
Access-Control-Allow-Methods:POST, GET, PUT, PATCH, OPTIONS, DELETE
Access-Control-Allow-Origin:*
Access-Control-Max-Age:3600
Allow:GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH
Cache-Control:no-cache, no-store, max-age=0, must-revalidate
Connection:keep-alive
Content-Length:0
Date:Mon, 15 May 2017 21:50:55 GMT
Expires:0
Pragma:no-cache
Server:...
X-Content-Type-Options:nosniff
X-Frame-Options:DENY
X-XSS-Protection:1; mode=block
Request Headers
Accept:*/*
Accept-Encoding:gzip, deflate, sdch
Accept-Language:en-US,en;q=0.8
Access-Control-Request-Headers:authorization,content-type
Access-Control-Request-Method:GET
Cache-Control:no-cache
Connection:keep-alive
Host:192.168.1.253:8080
Origin:http://localhost:4200
Pragma:no-cache
Referer:http://localhost:4200/...
User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 
(KHTML, like Gecko) Chrome/57.0.2987.133 Safari/537.36

我的理解是OPTIONS响应需要Access-Control-Allow-Origin标头设置并允许方法类型和标头值，它确实如此

下面的相关角度。我已经对标题中的各种不同内容进行了相当多的不同组合，但没有任何效果

private getObject<T>(path: string): Promise<T> {
    return this.http.get(SERVER_URL + path, this.authenticationToken())
        .toPromise()
        .then(response => response.json() as T)
        .catch(this.handleError);
}

private authenticationToken() : RequestOptions {
    let login = JSON.parse(sessionStorage.getItem('currentLogin'));
    if (login && login.authenticationToken) {
        let headers = new Headers({ 
            'Authorization': 'Basic ' + login.authenticationToken,
            'Content-type': 'application/json', 
          });
        return new RequestOptions({ headers: headers });
    }
}

我感觉我错过了一些明显的东西，但这让我发疯，任何帮助都是值得赞赏的。请注意，这确实适用于预先存在的 Ember 应用程序，所以我不认为它是服务器

响应的 HTTP 状态代码为 401。

401表示认证错误。问题中的错误消息不是来自预检的响应OPTIONS要求。相反，它似乎是为了实际的GET您尝试发送的请求。

因此，根据该错误消息，最有可能的情况似乎是浏览器的预检OPTIONS请求成功，但您的GET由于身份验证失败，请求未成功。

因此服务器返回 401 响应/错误页面。许多/大多数网络服务器都没有配置为发送Access-Control-Allow-Origin错误响应/页面的响应标头。这是您收到有关该标头丢失的消息的唯一原因。

但是错误响应缺少标头并不是问题的原因；相反，401 是。

所以看来您可能想弄清楚是什么导致服务器发送 401 响应 - 为什么您会收到身份验证失败。如果您修复了该问题，您可能会收到服务器的响应，其中包括Access-Control-Allow-Origin响应标头符合预期。