angular.js $ resources设置授权标头

时间:2014-05-22 10:10:12

标签: angularjs http-headers preflight

JS

我正在尝试做的是向服务器提供REST API请求。

请求应为'GET'方法并包含'Authorization'标题。

与REST服务器通信的工厂代码是这样的     'use strict';

angular.module('mabidualApp')
  .factory('User', function ($resource, config) {

    return $resource(config.API+':url/:id', {
        url: '@url', id: '@id'
    }, { //parameters default
      auth: {
        method: 'POST',
        params: {
            url: "token",
        }
    },
      get: {
        method: 'GET',
        headers:{'Authorization':'Bearer oLDMYrJD0Qg15Nhv7N-H6w'} ,
        params: {
          url:"users",
          id:'me'
        }
      }
});

最适合的问题在这里

headers:{'Authorization':'Bearer oLDMYrJD0Qg15Nhv7N-H6w'} ,

如果我添加标题,方法将更改为“OPTIONS”而不是“GET”。我发现它是关于CORS预检的东西,但我无法弄清楚如何禁用它..

所以我尝试在app.js中更改配置

  .config(function($locationProvider, $routeProvider, $httpProvider) {
    $httpProvider.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=utf-8';
    $httpProvider.defaults.headers.get['Authorization'] ='Bearer oLDMYrJD0Qg15Nhv7N-H6w';

第二个问题在这里

$httpProvider.defaults.headers.get['Authorization'] ='Bearer oLDMYrJD0Qg15Nhv7N-H6w';

它出现以下错误。

Cannot set property 'Authorization' of undefined

是否有任何解决方案可以使用'授权'标头发送''GET'请求? 感谢

1 个答案:

答案 0 :(得分:0)

我认为你在获取请求中以错误的方式使用params。尝试切换这样的参数和标题:

angular.module('mabidualApp')
  .factory('User', function ($resource, config) {

    return $resource(config.API+':url/:id', {
        url: '@url', id: '@id'
    }, { //parameters default
      auth: {
        method: 'POST',
        params: {
            url: "token",
        }
    },
      get_auth: {
        method: 'GET',
        params: {
          url:"users",
          id:'me'
        },
        headers: {'Authorization':'Bearer oLDMYrJD0Qg15Nhv7N-H6w'}
      }
});

我更改了您的自定义获取请求,因为' get'可能已经由角度定义,但我不确定:

$httpProvider.defaults.headers.get_auth['Authorization'] ='Bearer oLDMYrJD0Qg15Nhv7N-H6w';

此外,您确定不需要任何其他标题吗?

相关问题