jeecgboot 修改404
时间: 2025-07-10 13:58:34 浏览: 8
### 修改JeecgBoot项目的404错误页面或处理404路由
在JeecgBoot项目中,当访问不存在的路径时,默认会返回404错误。为了自定义404页面或更好地处理这些未找到的路由,可以按照以下方法操作。
#### 自定义404页面
1. **创建自定义404组件**
创建一个新的Vue组件来作为404页面的内容展示。通常可以在`src/views/error-page/NotFound.vue`文件夹下新建此组件:
```vue
<!-- src/views/error-page/NotFound.vue -->
<template>
<div class="not-found">
<h1>404</h1>
<p>您查找的页面不存在。</p>
<button @click="$router.back()">返回上一页</button>
</div>
</template>
<script>
export default {
name: 'NotFound'
}
</script>
<style scoped>
.not-found {
text-align: center;
margin-top: 20%;
}
h1 {
font-size: 8em;
color: #d5d5d5;
}
p {
font-size: 2em;
color: #aaa;
}
</style>
```
2. **配置路由规则**
打开`src/router/index.js`文件,在所有已有的路由之后添加一条通配符匹配规则指向新创建的404页面组件:
```javascript
import Vue from 'vue';
import Router from 'vue-router';
import NotFound from '@/views/error-page/NotFound';
Vue.use(Router);
const router = new Router({
mode: 'history',
routes: [
// ...其他路由配置...
{ path: '*', component: NotFound }, // 添加这条语句
]
});
export default router;
```
通过上述设置,任何无法匹配现有路由模式的URL都将被重定向至自定义的404页面[^1]。
#### 动态调整API接口地址
如果遇到由于API地址变更引起的资源找不到的情况,则可以通过修改`_app.config.js`中的相应参数来进行快速修正而无需重新编译整个前端应用。这允许开发者更灵活地应对生产环境下的变化需求[^2]。
对于具体的业务逻辑如登录后的默认跳转路径等问题,也可以参照类似的思路去定制化开发满足特定场景的要求。
阅读全文
相关推荐


















