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