在 angular 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 的网络请求现在都将通过请求拦截器。

在 angular js 中显示自定义错误页面

Display custom error page in angular js

angularjs

angularjs-directive

angularjs-service