带API键的Angular ngResource post

Question

我正在使用Code Igniter REST库来服务我的api。我正在尝试保护我的api到键控访问。我可以使用ngResource和密钥成功地在我的应用程序中检索信息，但是当我尝试使用相同的密钥发帖时，我得到了403拒绝。现在，我只是将密钥嵌入到我的工厂中。

这是我成功的工厂：

.factory('Breweries', ['$resource',
function($resource) {
    var key = '621d004e78de5b1ef9c634ae3fc9b84a';
    return $resource('http://restapi.dev/api/breweries?key=' + key, {}, {
        query: {
            method: 'GET',
            isArray: true
        },
    });
}
])

和不成功的工厂：

.factory('Claim', function($resource) {
var key = '621d004e78de5b1ef9c634ae3fc9b84a';
var Claim = $resource('http://restapi.dev/api/system/:method?key=' + key, {}, {
    save: {
        method: 'POST',
        params: {
            method: 'claim'
        }
    },
    send: {
        method: 'POST',
        params: {
            method: 'contact'
        }
    }
});

return Claim;
})

这两家工厂在没有钥匙的情况下都能正常工作，所以我离得不远了。我很感谢你的帮助。我认为我在这方面使用资源有点不当，但是我只找到了将键作为头提交的引用，而不是查询。

Answer 1

拦截器只是一个注册到该数组的常规服务工厂。在$http中使用AngularJS拦截器

https://docs.angularjs.org/api/ng/service/$http#interceptors