vue2.0 路由模式mode="history"的作用
更新時間：2018年10月18日 11:51:40 作者：狂奔的小馬扎
這篇文章主要介紹了vue2.0 路由模式mode="history"的作用，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下
特別提醒：開啟mode="history"模式，需要服務端的支持，因為出現(xiàn)“刷新頁面報錯404”的問題；
大家都知道，路由地址都是以"#"形式展示，但是有些時候，我們又希望路由地址中不出現(xiàn)"#"，那怎么辦呢？
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"的作用 ，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
這篇文章主要介紹了淺談vue生命周期共有幾個階段？分別是什么？具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
今天小編就為大家分享一篇解決vue-router 二級導航默認選中某一選項的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要為大家介紹了如何利用Vue實現(xiàn)一個樹形穿梭框，elementUI和ant-d組件庫的穿梭框組件效果都不是很好，所以本文將利用一個新的插件來實現(xiàn)，需要的可以參考一下2022-04-04
vue中computed下使用箭頭函數(shù)會報錯問題及解決
這篇文章主要介紹了vue中computed下使用箭頭函數(shù)會報錯問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
使用 filters 實現(xiàn)英文字母轉大寫，實現(xiàn)代碼超簡單，本文重點給大家介紹vue filters的使用，感興趣的朋友一起看看吧2018-06-06
這篇文章主要給大家介紹了關于前端實現(xiàn)pdf預覽功能的相關資料,前端實現(xiàn)預覽最好的效果還是PDF,不會出現(xiàn)一些文字錯亂和亂碼的問題,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了vue實現(xiàn)自定義H5視頻播放器的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-07-07
這篇文章主要介紹了Vue.js狀態(tài)管理及SSR解析，在vue.js中，我們主要說的狀態(tài)管理庫就是vuex，當然，只要你能實現(xiàn)有條理的組織數(shù)據(jù)，那么它都可以認為是一種狀態(tài)管理庫2022-09-09
這篇文章主要為大家詳細介紹了vue3手動封裝彈出框組件message的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
Vue 如何使用props、emit實現(xiàn)自定義雙向綁定的實現(xiàn)
這篇文章主要介紹了Vue 如何使用props、emit實現(xiàn)自定義雙向綁定的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06