Hi, I am trying to implement a custom 403 HTTP error page using Angular by providing an HTTP_ERROR_HANDLER function similar to the one described in the documentation. My implementation is given below.
// http-error-handler.ts
export function handleHttpErrors(injector: Injector, httpError: HttpErrorResponse) {
if (httpError.status === 403) {
const router = injector.get(Router);
router.navigateByUrl('/unauthorized');
return;
}
return throwError(httpError);
}
// app.module.ts
@NgModule({
...,
providers: [
...,
{
provide: HTTP_ERROR_HANDLER,
useValue: handleHttpErrors,
},
]
})
export class AppModule {}
Before providing this error, UserFriendlyExceptions on the server side were handled via popups in the frontend. Now, each UserFriendlyException is captured by handleHttpErrors function as an HttpErrorResponse with status 403. We want to retain the previous 403 page behavior while using our new layout for actual, permission related 403 errors.
Relevant info:
- ABP Framework version: v5.3.x
- UI type: Angular
- DB provider: EF Core
- Tiered (MVC) or Identity Server Separated (Angular): yes
2 Answer(s)
-
0
hi
I will provide a solution soon. : )
-
0
hi
You can try to custom the
DefaultHttpExceptionStatusCodeFinderservice to change theHttpStatusCodehttps://github.com/abpframework/abp/blob/dev/framework/src/Volo.Abp.AspNetCore/Volo/Abp/AspNetCore/ExceptionHandling/DefaultHttpExceptionStatusCodeFinder.cs#L14
https://github.com/abpframework/abp/blob/dev/framework/src/Volo.Abp.AspNetCore/Volo/Abp/AspNetCore/ExceptionHandling/DefaultHttpExceptionStatusCodeFinder.cs#L72
