jquery - XMLHttpRequest 不是使用 .setRequestHeader 设置的

Question

我尝试发出跨域请求。为了能够做到这一点，我必须设置一个 http header 。

$.ajax({
                type: 'GET',
                url: 'api',
                beforeSend: function (request)
                {
                    request.setRequestHeader('authorization', 'Basic ...==');
                },
                success: function(data) {
                    debugger;
                }
            });

beforeSend 方法似乎已被调用，但未设置“授权” header 。你能帮我解决这个问题吗？

更新:以下是收到的 CORS header :

Access-Control-Allow-Origin : localhost
Access-Control-Allow-Credential: true
Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS

似乎缺少Access-Control-Allow-Headers。

Answer 1

确保您的 API 支持 CORS，并且 Authorization 是允许设置的请求 header 。当您向端点发送 OPTIONS 请求时，您的 API 应使用以下响应 header 进行响应:

Access-Control-Allow-Headers:X-Requested-With, Content-Type, Authorization
Access-Control-Allow-Methods:GET, POST, PUT, DELETE, OPTIONS
Access-Control-Allow-Origin:*

这允许客户端在调用 API 方法时设置 X-Requested-With、Content-Type 和 Authorization 请求 header ，并且它允许来自任何来源的 GET、POST、PUT、DELETE、OPTIONS 动词域名。

因此，为了调试问题，首先向 API 端点发送 OPTIONS 请求并观察响应 HTTP header 。