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'   //重定向
    }
  ]
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM