java入门014～springboot自定义错误页面并重定向到首页

qweq啊打发

于 2024-07-16 21:58:49 发布

阅读量544

点赞数 10

文章标签： java spring boot 开发语言

本文链接：https://blog.csdn.net/qweqwrrwa/article/details/140478037

版权

其实在springboot中，默认情况下，如果用户在发起请求时发生404错误，springboot会有一个默认的页面展示给用户，如下图。

在这里插入图片描述

如果请求时发生500错误，也会有默认的页面展示给用户的，如下图。

在这里插入图片描述

但是这些都是自带的默认的错误页面，用户看起来不是很友好。所以我们接下来教大家如何自定义错误页面。

二，自定义错误页面

1，我们需要在resources目录下，新建一个error目录，然后在error目录下添加一个404.html页面。这样我们再发生404错误时，就会跳转到我们这个自己定义的错误页面了。

在这里插入图片描述

2，在404.html里写下面的代码

在这里插入图片描述

这样我们自定义的错误页面就定义好了，下面给大家讲解我们如何在进入错误页面后，重定向到我们的首页。我们总不能让用户一直看这个错误页面吧。

三，错误页面重定向到首页

重定向就是重新打开的意思。我们从错误页面重定向到首页，就是从错误页面跳转到我们的首页。

重定向有下面两种实现方式

1，通过定义meta属性

2，通过在js使用location.href实现重定向

在这里插入图片描述

通过上图我们可以看到两种重定向的使用方法。

完整代码如下：


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <!--    <meta http-equiv="Refresh" content="5;url=https://www.toutiao.com/"/>-->

    <title>404错误</title>

    <script type="text/javascript">

        window.onload = function () {

            var i = 4;

            var tim = document.getElementById("timers");

            var timer = setInterval(function () {

                if (i == -1) {

                    //第二种跳转方式

                    window.location.href = "https://www.toutiao.com/";

                    clearInterval(timer);

                } else {

                    tim.innerHTML = i;

                    --i;

                }

            }, 1000);

        }

    </script>

</head>

<body>

404错误。

<p>您将在 <span id="timers" style="color: red; font-size: 5rem">5</span> 秒内跳转到首页。</p>

<p><a href="https://www.toutiao.com/">首页</a></p>

<p>如果超过 5 秒后您仍然看到本消息，请点击上面的首页链接。</p>

</body>

</html>

到这里我们自定义错误页面，并且重定向到首页的功能就实现了，是不是很简单，我后面一节会录制专门的视频来讲解。

本节课的源码，我也已经放到了网盘里，有需要的同学请关注老师，然后在底部留言，老师看到后会及时回复的。

本节课是《手把手带你零基础入门java开发》系列课程的一节，如果你想快速入门java开发，想开发一款属于自己的java项目，想学习springboot，想了解小程序，想了解全栈开发，想开发自己的网站，可以跟着老师来零基础入门。

视频讲解地址：https://edu.csdn.net/course/detail/23443

历史文章

最后

由于篇幅限制，小编在此截出几张知识讲解的图解

P8级大佬整理在Github上45K+star手册，吃透消化，面试跳槽不心慌

721138319220)]

[外链图片转存中…(img-6CHhDiD4-1721138319220)]

[外链图片转存中…(img-g0PjsFao-1721138319221)]

[外链图片转存中…(img-ajW151RV-1721138319221)]

[外链图片转存中…(img-FhkZw3vY-1721138319221)]

qweq啊打发

关注

10
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
java入门014～springboot自定义错误页面并重定向到首页

由于篇幅限制，小编在此截出几张知识讲解的图解[外链图片转存中…(img-6CHhDiD4-1721138319220)][外链图片转存中…(img-g0PjsFao-1721138319221)][外链图片转存中…(img-ajW151RV-1721138319221)][外链图片转存中…(img-FhkZw3vY-1721138319221)]
复制链接

扫一扫