angularjs - 在 angularjs 中处理来自代理的 HTTP 302 响应-6ren

angularjs - 在 angularjs 中处理来自代理的 HTTP 302 响应

转载作者：行者123 更新时间：2023-12-03 07:59:39

25

4

我有一个反向代理，可以检查多个应用程序的全局身份验证。当用户断开连接但仍在尝试使用我的应用程序时，代理会发送 302 响应:

HTTP/1.1 302 Found
Date: Wed, 11 Sep 2013 09:05:34 GMT
Cache-Control: no-store
Location: https://other.url.com/globalLoginPage.html
Content-Length: 561
Content-Type: text/html; charset=iso-8859-1
Via: 1.1 my-proxy.com
Connection: Keep-Alive

在 angularJs 中，错误回调被调用，但响应头为空，状态为 0，数据为空字符串。所以看起来我真的无能为力来处理响应......
我已经看到有关该主题的几个问题，但我仍然不明白发生了什么(CORS 因为代理或位置不同的域？，302 浏览器行为？)。
特别是答案中的这一部分( https://stackoverflow.com/a/17903447/1093925 ):

Note: If your server sets a response code of 301 or 302, you will not be able to get the Location header, as it will be automatically and transparently followed by the XMLHttpRequest object.

这个 XMLHttpRequest 对象怎么样？
在非常旧的 Chrome 版本(不能使用较新版本)中，我可以在网络面板中看到相应的请求，但由于没有响应，它似乎失败了。
在最新版本的 Firefox 中，什么也没有发生。

由于我无法更改代理配置和响应，我可以对此做些什么吗？

更新:
我今天重播了我的场景，多亏了更新版本的 Firebug ，我能够获得更多关于正在发生的事情的细节。
在我的问题中，我离答案不远:跨域策略。
由于它是我的应用程序发出的 HTTP 请求，浏览器拒绝以下 XMLHttpRequest(应用程序内看起来像相同的请求)。因此出现错误和空响应。
所以我觉得没有什么特别我可以做的

最佳答案

我在我的应用程序中遇到了同样的问题。
您无法真正“捕获” 302 重定向响应。浏览器会在 Angular 得到它之前捕获它。所以实际上，当你收到你的回复时——已经太晚了。

坏消息 : 在angular平台上不是问题。 xmlHttpRequest 不支持这种行为，浏览器会在您对此做任何事情之前采取行动。
引用:Prevent redirection of Xmlhttprequest

好消息 :有很多方法可以绕过这个问题，通过拦截响应 - 并找到一些方法来识别它是你可爱的 302。这是一个 hack，但它是你目前能做的最好的。

所以。
例如，在我的应用程序中，重定向返回到应用程序的 login.html 页面，在应用程序中我得到了状态为 200 的响应，响应数据是我的 login.html 页面的内容。
所以在我的拦截器中，我检查了结果是否是一个字符串(通常不是!所以 - 没有效率问题..)，如果是 - 检查它是否是我的 login.html 页面。这样，我就可以捕获重定向并按照我的方式处理它。

yourApp.factory('redirectInterceptor', ['$location', '$q', function($location, $q) {
    return function(promise) {
        promise.then(
            function(response) {
                if (typeof response.data === 'string') {
                    if (response.data.indexOf instanceof Function &&
                        response.data.indexOf('<html id="ng-app" ng-app="loginApp">') != -1) {
                        $location.path("/logout");
                        window.location = url + "logout"; // just in case
                    }
                }
                return response;
            },
            function(response) {
                return $q.reject(response);
            }
        );
        return promise;
    };
}]);

然后将此拦截器插入您的应用程序。像这样:

$httpProvider.responseInterceptors.push('redirectInterceptor');

祝你好运。

关于angularjs - 在 angularjs 中处理来自代理的 HTTP 302 响应，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18737674/

25

4

0

文章推荐： AngularJS HTML5 模式在手动 url 更改时重新加载整个页面

文章推荐： python - 我应该在生产 dockerfile 中使用 Poetry 吗？

文章推荐： wordpress - 如何即时将 *USD 转换为 INR* 货币？ - WooCommerce

http - HTTP 服务器如何处理非常大的 HTTP 请求？
据我了解，HTTP POST 请求的正文大小没有限制。因此，客户端可能会在一个 HTTP 请求中发送千兆字节的数据。现在我想知道 HTTP 服务器应该如何处理此类请求。 Tomcat 和 Jett
http - http ://*:80 and http://+:80有什么区别
在了解Web Deploy我遇到了一些讨论 http://+:80 和 http://*:80 的 netsh.exe 命令。这些是什么意思？最佳答案引自URLPrefix Strings (Wi
http - HTTP 响应是否遵循与 HTTP 请求相同的路径？
假设我有一个负载均衡器，然后是 2 个 Web 服务器，然后是一个负载均衡器，然后是 4 个应用程序服务器。 HTTP 响应是否遵循与 HTTP 请求服务相同的路径？最佳答案按路径，我假设您是网络
http - HTTP 删除操作失败的 HTTP 响应代码是什么？
我有一个带有 uri /api/books/122 的资源，如果在客户端为此资源发送 HTTP Delete 时该资源不存在，那么相应的响应代码是什么这个 Action ？是不是404 Not Fou
http - HTTP 服务器应用程序如何优雅地拒绝 HTTP 管道请求？
是否有特定的(或约定的)HTTP 响应消息(或除断开连接之外的其他操作)来阐明服务器不接受 pipelined HTTP requests ？我正在寻找能让客户端停止流水线化它的请求并分别发送每个请
http - http ://*:80 and http://+:80有什么区别
在了解Web Deploy我遇到了一些讨论 http://+:80 和 http://*:80 的 netsh.exe 命令。这些是什么意思？最佳答案引自URLPrefix Strings (Wi
http - HTTP 删除操作失败的 HTTP 响应代码是什么？
我有一个带有 uri /api/books/122 的资源，如果在客户端为此资源发送 HTTP Delete 时该资源不存在，那么相应的响应代码是什么这个 Action ？是不是404 Not Fou
angularjs - $http.get 、 $http.post 、 $http.put 、 $http.delete $http.head 和 $http.jsonp 之间的区别
关闭。这个问题需要更多focused .它目前不接受答案。想改进这个问题吗？更新问题，使其只关注一个问题 editing this post . 关闭 8 年前。 Improve this qu
http - Mule HTTP 点的自定义 HTTP 方法
我使用 Mule 作为 REST API AMQP。我必须发送自定义请求方法:“PRINT”，但我收到: Status Code: 400 Bad Request The request could
http - 不同 HTTP 响应代码的示例 http url
我需要针对具有不同 HTTP 响应代码的 URL 测试我的脚本。我如何获取响应代码 300、303 或 307 等的示例/示例现有 URL？谢谢! 最佳答案您可以使用 httpbin为此目的。例
http - 将 HTTP 响应与其相应的 HTTP 流水线请求相匹配
我正在尝试编写一个程序来匹配 HTTP 请求及其相应的响应。似乎在大多数情况下一切都运行良好(当传输完全有序时，即使不是，通过使用 TCP 序列号)。我发现的唯一问题是当我有流水线请求时。在那之后，
http - 其他 HTTP 方法是否可以接受 HTTP 303？
RESTful Web Services鼓励使用 HTTP 303将客户端重定向到资源的规范表示。它仅在 HTTP GET 的上下文中讨论主题。这是否也适用于其他 HTTP 方法？如果客户端尝试对非
http - HTTP 客户端应该如何正确解析 *chunked* HTTP 响应主体？
当使用chunked HTTP传输编码时，为什么服务器需要同时写出chunk的字节大小并且后续的chunk数据以CRLF结尾？这不会使发送二进制数据“CRLF-unclean”和方法有点多余吗？如
http - 我可以在完全读取 HTTP 请求之前发送 HTTP 响应吗？
这个问题在这里已经有了答案: Is it acceptable for a server to send a HTTP response before the entire request has
http - 将 HTTP 请求映射到 HTTP 响应
如果我向同一台服务器发出多个 HTTP Get 请求并收到每个请求的 HTTP 200 OK 响应，我如何使用 Wireshark 判断哪个请求映射到哪个响应？目前看起来像是发出了一个 http 请
http - 传递给 http.HandleFunc 的函数如何访问 http.ResponseWriter 和 http.Request？
func main() { http.HandleFunc("/", handler) } func handler(w http.ResponseWriter, r http.Request
node.js - import http = require ('http' ); 之间的区别并从 'http' 导入 * 作为 http ；？
我找不到有值(value)的 NodeJS with Typescript 教程，所以我在无指导下潜入水中，果然我有一个问题。我不明白这两行之间的区别: import * as http from
http - HTTP 方法是否区分大小写？
问一个关于Are HTTP headers case-sensitive?的问题，如果 HTTP 方法区分大小写，大多数服务器如何处理“get”或“post”与“GET”或“POST”？例如，看起来
http - HTTP GET错误用户无效
我正在使用ASP.NET，在其中我通过动词GET接收查询，该应用程序专用于该URL。该代码有效，但是如果用户发送的密码使http 200无效，请回答我，并在消息的正文中显示“Fail user or
http - http.HandleFunc始终匹配“/”
Closed. This question needs details or clarity。它当前不接受答案。想改善这个问题吗？添加详细信息，并通过editing this post阐明问题。 9

首页

博学

6Ren·AI

商城

angularjs - 在 angularjs 中处理来自代理的 HTTP 302 响应