vue2.0 路由模式mode="history"的作用

最新推荐文章于 2023-05-06 10:08:16 发布

相太阳

最新推荐文章于 2023-05-06 10:08:16 发布

阅读量123

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/andyZhang0511/p/10943345.html

博客提醒，Vue开启mode=\history\模式需服务端支持，否则刷新页面会报错404。通常路由地址以“#”形式展示，若希望路由地址中不出现“#”，Vue提供了mode=\history\属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

特别提醒：开启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'   //重定向
    }
  ]
});

转载于:https://www.cnblogs.com/andyZhang0511/p/10943345.html