• react中如何写404页面


       前言

        首先我们来思考一个问题,为什么要有404页面?

      1:优化SEO,让蜘蛛爬虫,也就是搜索引擎能更好的爬到

      2:优化用户体验,当用户输错访问网站网址或网络故障时不显示空白页,而显示404页面

      react中只需要在路由中加上这行代码即可

      

      下图为路由5的写法,<Route>需要嵌套在<Switch>中,连接组件用这种方式 <你的组件名 />

      把红色框代码放在最后,也就是最后一个Route要为红色框中的代码

      path:通配符 * 号会匹配所有路由,并将此配置放在最后,当前面的路由都匹配不上时,就会匹配到 * 号,

         然后会指向<NotFound  />组件,并显示该组件内容,也就是404页面的内容

      exact:帮助我们精确定位,正确显示跳转后对应组件内容,不加该属性会出现仅URL改变,但页面内容并未随之改变

      

      路由5之前的写法,<Route>不需要嵌套在<Switch>中,连接组件方式为 Component = { 你的组件名 }

       

  • 相关阅读:
    数据库
    用hosts管理IP和域名
    软件测试周期
    jdk安装、环境配置
    IntelliJ IDEA 下载、安装、破解及卸载
    Servlet线程
    servlet什么时候被实例化?【转】
    JSP转译成Servlet详细过程【转】
    电脑使用--快捷键等【转】
    api大全
  • 原文地址:https://www.cnblogs.com/tu-0718/p/12517803.html
Copyright © 2020-2023  润新知