zoukankan      html  css  js  c++  java
  • vue2.0 路由模式mode="history"的作用

    特别提醒:开启mode="history"模式,需要服务端的支持,因为出现“刷新页面报错404”的问题;

    大家都知道,路由地址都是以"#"形式展示,但是有些时候,我们又希望路由地址中不出现"#",那怎么办呢?

    vue给我们提供了一个属性mode="history";代码如下

    const router = new Router({
      mode: 'history',  // 去掉路由地址的#
      routes: [
        {
          path: '/',  // 默认进入路由[写在第一个]
          redirect: '/home'   //重定向
        },
        {
          path: '/login',
          name: 'login',
          component: LoginPage
        },
        {
          path: '**',   // 错误路由[写在最后一个]
          redirect: '/home'   //重定向
        }
      ]
    });
  • 相关阅读:
    类与类之间的关系图
    UML介绍
    数据建模
    状态图
    部署图
    用例图
    业务建模
    时序图
    postgresql 维护手册
    ashx文件的使用(转)
  • 原文地址:https://www.cnblogs.com/minigrasshopper/p/8010867.html
Copyright © 2011-2022 走看看