HTTP error handling
Do use a generic error response model.
✅ Example
interface ErrorResponse {
code: string;
error: string;
message: string;
}
Do use an interceptor to catch and handle error responses.
✅ Display error messages in a toaster
export const errorHandlerInterceptor: HttpInterceptorFn = (req, next) => {
const toasterService = inject(ToasterService);
return next(req).pipe(
tap({
error: (error) => {
toasterService.addError(error);
}
})
);
};