angulaire.js - Comment définir l'en-tête de toutes les requêtes dans Angularjs ngResource?

Question

Je souhaite soumettre un en-tête dans chaque requête, quelque chose comme un : bbb.

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

Peut ajouter un en-tête à toutes les requêtes RESTful, le contenu de l'en-tête est

    ca-g-oo: data-dnwaec2ioagwqevnm

J'ai essayé différentes méthodes mais je n'y suis pas parvenu

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

url est l'adresse pour définir la demande
paramDefaults est les données prédéfinies à soumettre
l'action est une méthode de fonction personnalisée

On a l'impression que cela peut être réglé par l'action, mais ça ne marche pas

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

J'ai signalé une erreur

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

Comment configurer $resource pour que toutes les requêtes portent mon en-tête personnalisé ?

Answer 1

l'interprète peut vous satisfaire

Answer 2

Le problème est également résolu. . Lors de la définition de $resource, définissez l'attribut isArray

attribut isArray

---

Le code complet est le suivant

'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

Utilisez l'intercepteur de route pour définir l'en-tête global

   $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);
        }
      }
    }])