angularjs - AngularJs http 方法覆盖 PUT-POST

Question

有没有办法使用请求中的或参数$resource来使用 Angular 的服务覆盖 http 方法？X-HTTP-Method-Override_method

Answer 1

在您的资源工厂中，您可以为每种类型的请求指定方法。

angular.module('myServices', ['ngResource'])
.factory('Customer', function($resource){
        return $resource('../api/index.php/customers/:id', {id:'@id'}, {
            update: {method:'PUT'}
        });
    })

是标准方法，但您也可以使用它：

angular.module('myServices', ['ngResource'])
.factory('Customer', function($resource){
        return $resource('../api/index.php/customers/:id', {id:'@id'}, {
            update: {params: {'_method':'PUT', id: '@id'}}
        });
    })

Answer 2

如果其他人正在寻找代码片段，这里是：

(function(module) {
    function httpMethodOverride($q) {
        var overriddenMethods = new RegExp('patch|put|delete', 'i');

        return {
            request: function(config) {
                if (overriddenMethods.test(config.method)) {
                    config.headers = config.headers || {};
                    config.headers['X-HTTP-Method-Override'] = config.method;
                    config.method = 'POST';
                }

                return config || $q.when(config);
            }
        };
    }

    module.factory('httpMethodOverride', httpMethodOverride);
    module.config(function($httpProvider) {
        $httpProvider.interceptors.push('httpMethodOverride');
    });
})(angular.module('app-module'));