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)用的基路徑，當(dā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?中使用?iframe?嵌套頁面,使用?iframe?技術(shù)可以實現(xiàn)多個頁面之間的數(shù)據(jù)傳遞和交互，提高了網(wǎng)站的整體性能和用戶體驗，需要的朋友可以參考下2023-05-05
下面小編就為大家分享一篇vue.js獲得當(dāng)前元素的文字信息方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
vue限制輸入數(shù)字或者保留兩位小數(shù)實現(xiàn)
這篇文章主要為大家介紹了vue限制輸入數(shù)字或者保留兩位小數(shù)實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
vue異步組件與組件懶加載問題(import不能導(dǎo)入變量字符串路徑)
這篇文章主要介紹了vue異步組件與組件懶加載問題(import不能導(dǎo)入變量字符串路徑)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue多頁面開發(fā)和打包的正確處理方法，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-04-04
本文主要介紹了Vue Cli項目重構(gòu)為Vite的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
作為Web Storage API的接口,Storage 提供了訪問特定域名下的會話存儲或本地存儲的功能,例如可以添加、修改或刪除存儲的數(shù)據(jù)項,這篇文章主要給大家介紹了關(guān)于如何使用Vue的思想封裝一個Storage的相關(guān)資料,需要的朋友可以參考下2021-08-08
Vue項目webpack打包部署到Tomcat刷新報404錯誤問題的解決方案
今天很郁悶，遇到這樣一個奇葩問題，使用webpack打包vue后，將打包好的文件，發(fā)布到Tomcat上，訪問成功，但是刷新后頁面報404錯誤，折騰半天才解決好，下面小編把Vue項目webpack打包部署到Tomcat刷新報404錯誤問題的解決方案分享給大家，需要的朋友一起看看吧2018-05-05
這篇文章主要介紹了詳解vue項目構(gòu)建與實戰(zhàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
VUE + OPENLAYERS實現(xiàn)實時定位功能
本系列文章介紹一個簡單的實時定位示例，基于VUE + OPENLAYERS實現(xiàn)實時定位功能，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友參考下吧2021-09-09