如何从请求中删除授权标头 [重复]

Question

我正在使用 MEAN 堆栈用户注册和登录示例

$http.defaults.headers.common['Authorization'] = 'Bearer ' + $window.jwtToken;

我想将图像上传到Cloudinary，但收到此错误：

XMLHttpRequest无法加载https://api.cloudinary.com/v1_1/xxxx/upload.请求标头字段授权不被预检响应中的Access-Control-Allow-Headers允许。

如何为Cloudinary的请求删除此标头？

Answer 1

这个问题以前被问过。答案可以在这里找到。

当你开始使用自定义请求标题时，你会得到一个CORS预检。这是一个使用HTTP OPTIONS动词的请求，包括几个头，其中一个头是Access-Control-Request-Headers，列出了客户端希望包含在请求中的头。

你需要用适当的CORS标题回复CORS的飞行前检查，这样才能工作。其中之一实际上是访问控制允许报头。该报头需要包含与Access-Control-Request-Headers报头相同(或更多)的值。

Answer 2

您将需要一个拦截器来检查请求的url，如果匹配就清除报头。或者，您可以使用< code>$http配置参数。

使用参数：

$http.post('https://api.cloudinary.com/v1_1/' + someId + '/upload', data, { headers: {} });

使用拦截器：

.factory('cloudinaryInterceptor', function() {
 return {
  request: function(config){
   var authHeader = config.headers('authorization');
   //Check for the host
   var regex = /api\.cloudinary\.com/i;
   if(regex.test(config.url))
    //Detach the header
    delete config.headers.authorization;
   return config;
  }
 }
});

记得在配置阶段推送拦截器

$httpProvider.interceptors.push('cloudinaryInterceptor');