javascript – 在angularjs中访问自定义http响应头

我正在尝试访问标题’错误详细信息’,您可以在浏览器网络检查器(上面的链接)中看到,标头返回.服务器方面我还将自定义标头添加到“Access-Control-Expose-Headers”以允许跨域请求,因为这被建议是对其他问题的修复.

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

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

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

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 one rror = function(response) {
    $scope.error = "Ooops, something went wrong..";
    console.log('error-detail: ' + response.headers('error-detail'));
};

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

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

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

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

解决方法:

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

在屏幕截图中,响应中不存在此标头.你应该看一下这个cors头的后端也会出现在响应中.

标签：angular-http,javascript,angularjs,rest
来源： https://codeday.me/bug/20190929/1829905.html