400,404,500报错页面总结

我们在访问一个网页的时候经常会看到400、404、500这样的错误页面。  
  不同的错误页面其实代表不同的含义,今天和大家说说这几个页面的一些情况。  
  1. 400页面  
  400错误页面一般为网站服务器资源不足,存在的原因有可能是:   
  (1)、网速不稳定,而要求链接的网页存在FLASH或者大尺寸图片,造成响应过慢  
  (2)、服务器已关闭  
  (3)、DNS服务器错误  
  以上几点是比较容易造成网页打开时候容易出现的400错误页面。  

        
  2.404页面  

        404错误提示,一般为资源找不到时提示,存在的原因:

        (1),网页URL生成规则改变;

        (2),网页文件更名或移动位置;

        (3),导入链接拼写错误。

      

        

  3.网站的500错误页面(500SERVERERROR)  
   500错误提示,一般为服务器运行不正常时提示,服务器端的网页程序设计有误,需要解决后方可浏览。  

       

       

       当用户没有找到自己的东西而报错时,往往会比较沮丧,看看设计师是如何聪明的处理这问题的 

   

       

                            (360导航网站404页面)

       给404页面加个搜索。这是一个非常重要的提供搜索框的好机会。也可以让用户很方便的搜索他们试图链接的内容并让他们自己找到正确的URL。

       

         

      

                      (百度ting404页面)

        百度听404页面设计处理得就很有意思了,

        首先,工作得冒汗的画面和道歉的语句,让用户心里上好受些,并且还传达了网站是会不断完善的信息;

        然后,在画面下有个提示,是提示用户输入的关键词是否有误或让换种方法去试下;

        最后,左下角的两个链接转移用户的注意力,推荐给用户比较感兴趣的信息。

        以上是给大家介绍的各报错页面的一些情况。希望能够对大家的网站的用户体验有些提高。

当nginx刷新页面报错时,可能有几种原因导致。根据引用提到的添加了try_files $uri $uri/ /index.html,并重启nginx解决问题的方法,这可能意味着在nginx的配置文件中添加了该指令,以确保在请求不存在的页面时,会返回index.html页面而不是404错误页面。这样可以解决刷新页面时出现的404错误。 另一种可能的情况是,页面在router.push后URL变化了,但是页面没有刷新,需要手动刷新才能看到正确的内容。根据引用提到的问题,这可能是由于缺少版本号导致的,特别是vue和axios没有写版本号,而vue-router写了版本号。可能在版本升级后,出现了兼容性问题,导致刷新页面时出现错误。在这种情况下,您可以尝试在package.json中添加正确的版本号,以解决刷新页面报错的问题。 最后,引用提到的另一种可能性是,当将vue项目打包后放在nginx的html文件夹中进行部署时,刷新页面时可能会出现404错误,但再次访问时却正常。这可能是由于nginx的配置问题导致的。您可以尝试以下两种方式解决该问题: 1. 在nginx的配置文件中添加配置,将所有的请求都重定向到index.html页面。这样可以确保在刷新页面时不会出现404错误。 2. 检查nginx的日志文件,查看是否有其他错误信息,例如权限问题或文件路径错误。根据错误信息调整配置或修复相关问题。 总结来说,刷新页面报错可能是由于nginx配置问题、缺少版本号或其他兼容性问题导致的。您可以尝试添加try_files指令、添加正确的版本号或检查nginx的配置和日志文件来解决该问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [前端部署nginx刷新后404,解决Nginx刷新页面404的问题](https://blog.csdn.net/ma726518972/article/details/125400298)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue-router3.0版本中 router.push 不能刷新页面的问题](https://download.csdn.net/download/weixin_38715721/13206349)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vue项目nginx部署刷新报错404](https://blog.csdn.net/qq_40096322/article/details/127125116)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值