angular.js - angularjs ngResource 如何設定所有請求的header?

Question

我想在每個請求中都會提交一個header,類似於 a: bbb 這樣的內容.

    // 无论是获取列表
    $scope.books = myRes.query();
    // 还是单独的一个项目
    $scope.oneBook = myRes.get({id:2});

能在所有的RESTful這樣的請求中加入一個header,header的內容是

    ca-g-oo: data-dnwaec2ioagwqevnm

嘗試了各種方式都無法實現

$resource(url, [paramDefaults], [actions]);

url是設定請求的位址
paramDefaults是預設的要提交的資料
action是自訂的函數方法

感覺可以用action來設定,但是不行

    // 如果把action设置成这样
    $resource(
        'ca/book/:id',
        {},
        {
            query: {
                header: {
                    "ca-g-oo": "data-dnwaec2ioagwqevnm"
                }
            },
            get: {
                header: {
                    "ca-g-oo": "data-dnwaec2ioagwqevnm"
                }
            }
        }
    );

就報錯了

    Error: [$resource:badcfg] http://errors.angularjs.org/1.2.29/$resource/badcfg?p0=object&p1=array

我要如何設定$resource的才能讓所有的請求的帶著我自訂的header啊?

Answer 1

interreputor可以滿足你

Answer 2

問題也解決了。 。在設定$resource的時候要設定isArray屬性

isArray屬性

---

完整程式碼如下

'amd';
/**
 * 
 * RESTful创建服务
 * by chenxuan 20160325
 *
 * 创建一个$resource对象
 * query : 获取列表
 * get : 获取单个数据
 * updata : 更新数据
 * save : 新建数据保存
 *
 * 关于缓存
 * 默认缓存query和get请求,当有updata和save请求产生的时候清空所有缓存
 *
 * ====v1.1====20160328
 * functionSetting参数的对象不会直接覆盖没有在对象中存在的默认属性
 * 
 */
define(
    [
        'app'
    ],
    function (app){
        app.factory('RESTful', function ($resource,$cacheFactory){
            return function (url, defaultParam, functionSetting){
                var RESTfulCacheID = "" + Math.random();
                var RESTfulCache = $cacheFactory(RESTfulCacheID, {capacity: 10});
                var defaultFunction = {
                    query: {
                        method: 'GET',
                        isArray: true,
                        headers: {
                            'X-CSRF-TOKEN': app.CSRF_TOKEN
                        },
                        cache: RESTfulCache
                    },
                    get: {
                        method:'GET',
                        isArray: false,
                        headers: {
                            'X-CSRF-TOKEN': app.CSRF_TOKEN
                        },
                        cache: RESTfulCache
                    },
                    update: {
                        method:'PUT',
                        isArray: false,
                        headers: {
                            'X-CSRF-TOKEN': app.CSRF_TOKEN
                        },
                        transformResponse: function (data, headers){
                            RESTfulCache.removeAll();
                        }
                    },
                    save : {
                        method:'POST',
                        isArray: false,
                        headers: {
                            'X-CSRF-TOKEN': app.CSRF_TOKEN
                        },
                        transformResponse: function (data, headers){
                            RESTfulCache.removeAll();
                        }
                    }
                };

                if(functionSetting){
                    for(var i in functionSetting){
                        if(typeof defaultFunction[i] == typeof {}){
                            for(var j in functionSetting[i]){
                                defaultFunction[i][j] = functionSetting[i][j];
                            }
                        }else{
                            defaultFunction[i] = functionSetting[i];
                        }
                    }
                }
                var returnRes = $resource(url, defaultParam, defaultFunction);
                returnRes.getCache = function (){
                    return RESTfulCache;
                }
                return returnRes;
            }
        });
    }
)

Answer 3

使用路由攔截器，定義全域header

   $httpProvider.interceptors.push(['$rootScope', '$q', function ($rootScope, $q) {

      return {
        request: function (config) {

          // Header - Token
          config.headers = config.headers || {};
          if (config.headers) {
            config.headers['ca-g-oo'] = 'data-dnwaec2ioagwqevnm';
          };
          
          return config;
        },

        response: function (response) {

          if (response.status == 200) {
            // console.log('do something...');
          }
          
          return response || $q.when(response);
        },

        responseError: function (response) {
   
          return $q.reject(response);
        }
      }
    }])