访问angularjs中的自定义http响应标头 [英] Accessing custom http response headers in angularjs

问题描述

我正在尝试如您在浏览器网络检查器（上面的链接）中看到的那样访问标题'error-detail'，将返回标题。服务器方面我还将自定义标头添加到Access-Control-Expose-Headers以允许跨域请求，因为这被建议是对其他问题的修复。

I am trying to access the header 'error-detail' as you can see in the browser network inspector (link above), the header gets returned. Server-wise I have also added the custom header to the 'Access-Control-Expose-Headers' to allow cross-domain requests as this was suggested to be the fix on other questions.

以下是对服务器的请求以及成功/错误回调。

Below is the request to the server along with the success/error callbacks.

this.signon = function (request, onComplete, onError) {
    console.log("Calling server with 'login' request...");

    return $http.post("http://localhost:8080/markit-war/services/rest/UserService/login/", request)
        .then(onComplete, onError);
};

var onLookupComplete = function(response) {
    if (response.data.username)
    {
        //If user is returned, redirect to the dashboard.
        $location.path('/dashboard');
    }

    $scope.username = response.data.username;
};

var onError = function(response) {
    $scope.error = "Ooops, something went wrong..";
    console.log('error-detail: ' + response.headers('error-detail'));
};

当我尝试访问响应头时，如下所示：

When I try access the response header as seen below:

    console.log(response.headers());
    console.log('error-detail: ' + response.headers('error-detail'));

这只输出：
content-type：application / json
error-detail：null

This only outputs: content-type: "application/json" error-detail: null

有没有理由将错误详细信息标头映射到响应对象？

Is there a reason why the error-detail header is not being mapped over to the response object?

推荐答案

我认为你走在正确的轨道上。要访问自定义标头，您的服务器需要设置此特殊的 Access-Control-Expose-Headers 标头，否则您的浏览器将只允许访问列出的6个预定义标头值在 Mozilla docs 中。

I think you are on the right track. To have access to custom headers, your server needs to set this special Access-Control-Expose-Headers header, otherwise your browser will only allow access to 6 predefined header values as listed in the Mozilla docs.

在屏幕截图中，响应中不存在此标题。你应该看看这个cors标题的后端也会出现在响应中。

In your screenshot such a header is not present in the response. You should have a look at the backend for this cors header to also be present in the response.

这篇关于访问angularjs中的自定义http响应标头的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！