以角度 js 显示自定义错误页面

Question

我可以尝试在angular js中创建自定义错误页面 表示当发生 404 错误时，则显示 404.html 页面 当发生 500 错误时，然后像这样显示 500.html 页面 所以请告诉我我该怎么做..？？

Answer 1

您可以使用请求拦截器来处理此问题。 您没有向我们提供用于路由的内容，因此您必须插入代码才能路由到 404 页面和 500 页面。

工厂将如下所示：

angular.module("app").factory('sessionInterceptor', [factory]);
function factory() {
var requestInterceptor = {
response: function(response) {
// Code you want for successful responses here
return response;
},
responseError: function(rejection) {
if (rejection.status === 404) {
// 404 code here
}
return rejection;
}
};
return requestInterceptor;
}

然后你需要将配置块中的拦截器添加到$httpProvider：

.config(['$httpProvider', function($httpProvider) {
$httpProvider.interceptors.push('sessionInterceptor');
}])

所有使用$http的网络请求现在都将通过请求拦截器。