特別提醒:開啟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"的作用 ,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持!
新聞熱點
疑難解答
圖片精選