最近因在做官网需要自定义404页面,之前自己也没做过,于是在网上找了大量资料,通过自己的分析后,最后实现了404页面跳转,并返回了404状态码。以下是自己总结的内容,希望可以帮到大家。
一、404页面是什么
我们平时在开发的时候,经常会出现404错误,404是W3C规定的HTTP状态码中的一种,是WWW网站访问比较经常出现的错误。最常见的出错提示:404 NOT FOUND,404页面就是当你去访问一个错误的链接时,返回的页面。
二、为什么会出现404页面
链接指向的网页不存在,即原始网页的URL失效,这种情况经常会发生,很难避免,比如说:网页URL生成规则改变、网页文件更名或移动位置、导入链接拼写错误等,导致原来的URL地址无法访问;当Web 服务器接到类似请求时,会返回一个404 状态码,告诉浏览器要请求的资源并不存在。
三、如何自定义404页面
1.ASP.net下设置404错误页面
首先,修改应用程序根目录的设置,打开 “web.config” 文件编辑,在其中加入如下内容:
<configuration>
<system.web>
<customErrors mode=”On” defaultRedirect=”error.asp”>
<error statusCode=”404″ redirect=”~/ErrorPages/Error_404.aspx” />
</customErrors>
</system.web>
</configuration>
上文例中“error.asp”为系统默认的404页面,"~/ErrorPages/Error_404.aspx"为自定义的404页面,根据自己实际情况修改相关页面。
通过与上图IIS默认404页面相比,无论是从外观和灵活性来说,不会因为404错误而造成丢失大量用户,自定义的404页面是不是体验性好一些。
另外注意的是, 如果你认为以上已完成自定义404页面的话,那就大错特错,以上只是设置了404错误页面,当出现404错误时会跳转到自定义的页面,但是返回的状态码并不是404,而是302或200,如果不相信的话,我们可以通过浏览器调试可以获取HTTP Header信息,来看看返回的状态码值。
2.IE11下查看HTTP头信息步骤:
1.按下F12键或找到浏览器右上角'工具'-->'F12 开发人员工具'打开调试工具;
2.在开发工具上找到"网络",点击左上角绿色按钮,然后再刷新当前自定义404页面;
3.通过刷新404页面后,浏览器自动捕获到相关头信息,我们可以从下图看到返回的状态码不是400,而是200 。
同理通过谷歌浏览器或或火狐浏览器返回的则是302。
因此必须还得在自定义404页面上加上以下一段Code,才能真正返回的是404状态码。
<%
Response.Status = "404 Not Found";
%>
此时,我们再通过浏览器查看状态码,此时的状态码已返回404。