$ http.get标头不可访问服务器端web api

Question

我在我的项目中使用angularjs 1.x并从$ http.get调用传递自定义标头。但不幸的是，这个标头在服务器端无法访问。我用Google搜索并发现了很多例子，但都没有用。

我的angularjs代码。

this.GetAll = function () {
            ̶v̶a̶r̶ ̶d̶e̶f̶f̶e̶r̶e̶d̶ ̶=̶ ̶$̶q̶.̶d̶e̶f̶e̶r̶(̶)̶;̶
            var config = {
                headers: {
                    'API_KEY': 'abc'
                }
            };
            var query = $http.get(appSetting.apiBaseUrl + "api/Blogs/GetHomeArticles", config);

            return query.then(function (response) {
                console.log("response.data", response.data);
                ̶d̶e̶f̶f̶e̶r̶e̶d̶.̶r̶e̶s̶o̶l̶v̶e̶(̶r̶e̶s̶p̶o̶n̶s̶e̶.̶d̶a̶t̶a̶)̶;̶
                return ̶d̶e̶f̶f̶e̶r̶e̶d̶.̶p̶r̶o̶m̶i̶s̶e̶;̶ response.data;
            }, function (response) {
                console.log("response.error", response);
                ̶d̶e̶f̶f̶e̶r̶e̶d̶.̶r̶e̶j̶e̶c̶t̶(̶r̶e̶s̶p̶o̶n̶s̶e̶)̶;̶
                ̶r̶e̶t̶u̶r̶n̶ ̶d̶e̶f̶f̶e̶r̶e̶d̶.̶p̶r̶o̶m̶i̶s̶e̶;̶
                throw response;
            });
};

请帮忙解决这个问题。