vue router中mode history、base的作用說(shuō)明
更新時(shí)間：2022年05月25日 15:44:03 作者：wx-18538561085
這篇文章主要介紹了vue router中mode history、base的作用說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
mode history、base的作用
mode history的含義
mode history 代表，路由不再顯示hash，會(huì)像如下形式：
histroy
- localhost:8080/user/list
hash
- localhost:8080/#/user/list
base的含義
base也比較好理解，代表著是基本的路由請(qǐng)求的路徑。參考 ：
如：base: ‘/app/’
那么所有的請(qǐng)求都會(huì)在url之后加上/app/
應(yīng)用的基路徑。例如，如果整個(gè)單頁(yè)應(yīng)用服務(wù)在 /app/ 下，然后 base 就應(yīng)該設(shè)為 “/app/”
vue-router的base和mode配置項(xiàng)
路由代碼如下
const router = new VueRouter({
mode: 'history',
base: '/vue',
routes
})1) mode
mode: 'history’表示，訪(fǎng)問(wèn)路徑不帶#號(hào)，如：http://localhost:8080/vue
2) base
配置單頁(yè)應(yīng)用的基路徑，當(dāng)點(diǎn)擊路由時(shí)：
<router-link to="/">Home</router-link> | <router-link to="/about">About</router-link>
會(huì)帶上項(xiàng)目基路徑，如:http://localhost:8080/vue/about
瀏覽器地址欄http://localhost:8080/vue/這樣訪(fǎng)問(wèn)，表示是訪(fǎng)問(wèn)該項(xiàng)目
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
基于Vue.js實(shí)現(xiàn)數(shù)字拼圖游戲
為了進(jìn)一步讓大家了解Vue.js的神奇魅力，了解Vue.js的一種以數(shù)據(jù)為驅(qū)動(dòng)的理念，本文主要利用Vue實(shí)現(xiàn)了一個(gè)數(shù)字拼圖游戲，其原理并不是很復(fù)雜，下面跟著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)。2016-08-08
這篇文章主要為大家詳細(xì)介紹了vue懸浮表單復(fù)合組件開(kāi)發(fā)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
解決vue router使用 history 模式刷新后404問(wèn)題
這篇文章主要介紹了解決vue router使用 history 模式刷新后404問(wèn)題,需要的朋友可以參考下2017-07-07
無(wú)論是小型項(xiàng)目還是中大型項(xiàng)目，Vue-Router都是必選的一個(gè)組件，Vue-Router提供了便捷的方式進(jìn)行路由跳轉(zhuǎn)，在使用過(guò)程中有一些坑，希望能給在編碼找不到問(wèn)題時(shí)的碼農(nóng)提供一點(diǎn)靈感2022-06-06
vue關(guān)于this.$refs.tabs.refreshs()刷新組件方式
這篇文章主要介紹了vue關(guān)于this.$refs.tabs.refreshs()刷新組件方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
通過(guò)vue-cropper選取本地圖片自定義裁切圖片比例
這篇文章主要介紹了Vue選取本地圖片，自定義裁切圖片比例?vue-cropper,本文分步驟結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-07-07
vue-cli安裝全過(guò)程(附帶cnpm安裝不成功及vue不是內(nèi)部命令)
這篇文章主要介紹了vue-cli安裝全過(guò)程(附帶cnpm安裝不成功及vue不是內(nèi)部命令),具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要給大家介紹了關(guān)于vue中插槽slot的理解和使用方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了vue指令防止按鈕連點(diǎn)解析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
今天小編就為大家分享一篇Vue點(diǎn)擊切換顏色的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09