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