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

總結

以上所述是小編給大家介紹的vue2.0 路由模式mode="history"的作用 ，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com