Angularjs sailsjs ：Access-Control-Allow-Headers 不允许 Access-Control-Allow-Origin

AngularJS

AngularJS和SAIls.JS是两个流行的Web开发框架，它们能够帮助开发人员快速构建强大的应用程序。然而，在使用这两个框架时，有时候会遇到一个问题，那就是"Access-Control-Allow-Headers不允许Access-Control-Allow-Origin"的错误。本文将介绍这个问题的原因，并提供解决方案。

首先，让我们来解释一下这个错误的含义。"Access-Control-Allow-Headers"是一个HTTP标头，用于指示服务器允许哪些自定义的请求头。而"Access-Control-Allow-Origin"则是用于指示服务器允许哪些域名进行跨域请求。当服务器设置了"Access-Control-Allow-Headers"标头，但没有设置"Access-Control-Allow-Origin"标头时，浏览器会抛出"Access-Control-Allow-Headers不允许Access-Control-Allow-Origin"的错误。

为了解决这个问题，我们需要在服务器端进行一些配置。下面是一个使用AngularJS和SAIls.JS的案例代码，演示了如何解决这个错误。

Javascript
// 在SAIls.JS的配置文件中添加以下代码
module.exports.http = {
  middleware: {
    order: [
      'addHeaders', // 添加自定义标头中间件
      'cookieParser',
      'session',
      'bodyParser',
      'compress',
      'poweredBy',
      'router',
      'www',
      'favicon'
    ],
    addHeaders: function(req, res, next) {
      res.header('Access-Control-Allow-Origin', '*');
      res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
      next();
    }
  }
};

在上面的代码中，我们使用了SAIls.JS的中间件功能来添加自定义标头。通过在"addHeaders"中间件中设置"Access-Control-Allow-Origin"和"Access-Control-Allow-Headers"标头，我们允许所有域名的跨域请求，并且允许Content-Type和Authorization这两个自定义请求头。

接下来，我们需要在AngularJS的代码中设置请求头，以便与服务器端配置相匹配。下面是一个使用AngularJS的案例代码，演示了如何设置请求头。

Javascript
// 在AngularJS的配置文件中添加以下代码
angular.module('myApp', [])
  .config(function($httpProvider) {
    $httpProvider.defaults.headers.common['Content-Type'] = 'application/JSon';
    $httpProvider.defaults.headers.common['Authorization'] = 'Bearer your_token_here';
  });

在上面的代码中，我们使用了AngularJS的$httpProvider服务来设置请求头。通过设置"Content-Type"为"application/JSon"和"Authorization"为你的访问令牌，我们能够与服务器端的配置相匹配。

解决"Access-Control-Allow-Headers不允许Access-Control-Allow-Origin"问题的方法

通过在SAIls.JS的配置文件中添加自定义标头中间件，并在AngularJS的代码中设置请求头，我们能够解决"Access-Control-Allow-Headers不允许Access-Control-Allow-Origin"问题。这样，我们就能够顺利地进行跨域请求，并且能够自定义请求头，以满足应用程序的需求。

：

在使用AngularJS和SAIls.JS时，遇到"Access-Control-Allow-Headers不允许Access-Control-Allow-Origin"错误是比较常见的。通过在服务器端进行配置，我们能够解决这个问题。本文提供了一个案例代码，演示了如何在SAIls.JS和AngularJS中解决这个问题。希望本文对你有所帮助！