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