javascript - Angular : $http 404 error handling

Question

我有一个带有 2 个 ng-include 的 HTML。考虑服务器中是否不存在 ng-include src 之一。到目前为止，它只会加载空白的 html，在浏览器控制台中它会说找不到 http-404 文件。

所以在这种情况下，我只想将默认错误页面(存在于服务器中)加载到特定的 div 中，即一半显示默认错误页面，另一半显示通过 nginclude 加载的正确 div。

我的逻辑是，我正在使用一个 http 拦截器，我在其中拦截所有 http 调用。每当发生 404 时，我想返回必须仅加载到 div 中的默认错误页面。所以它就像模拟一个正确的 http 调用但发送一个错误页面，我认为必须加载到正确的 div。

但这并没有发生 :)。我尝试使用默认的 window.load('')。但随后它会加载到页面顶部并跨页面显示。

或者我应该捕获 div id(如果是的话如何？)然后做 tat id 加载默认错误 HTML？

需要你的想法。

Answer 1

要处理这种情况，您可以使用 http 拦截器(在此处找到文档:$http)。

拦截器必须捕获 404 响应，从您的服务器加载 404.html 页面并将其设置为初始响应的数据以及状态代码 200。

我创建了一个项目来展示如何解决它。

存储库:https://github.com/matys84pl/angularjs-nginclude-handling-404/

仔细看看 main.js文件。