在Spring Boot 2和Angular中设置not found页面可以通过以下步骤实现:
ErrorController
接口,重写getErrorPath()
方法和error()
方法。在error()
方法中,判断错误状态码是否为404,如果是则返回自定义的错误页面。import org.springframework.boot.web.servlet.error.ErrorController;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
@Controller
public class CustomErrorController implements ErrorController {
@RequestMapping("/error")
public String error() {
// 处理404错误,返回自定义的错误页面
return "not-found";
}
@Override
public String getErrorPath() {
return "/error";
}
}
app-routing.module.ts
文件中,添加一个路由配置,将路径设置为**
,并将组件指定为自定义的not found组件。import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { NotFoundComponent } from './not-found/not-found.component';
const routes: Routes = [
// 其他路由配置...
{ path: '**', component: NotFoundComponent }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
ng generate component not-found
在生成的组件文件中,可以自定义not found页面的内容。
ng build --prod
构建完成后,将生成的静态文件复制到Spring Boot项目的src/main/resources/static
目录下。
至此,当访问不存在的路由时,Spring Boot会返回自定义的not found页面,而不是默认的错误页面。
注意:以上步骤仅为示例,实际应用中可能需要根据具体需求进行适当调整。
领取专属 10元无门槛券
手把手带您无忧上云