在vue路由上添加公共的路由前綴方式
更新時間：2022年12月09日 09:28:14 作者：多看書少吃飯
這篇文章主要介紹了在vue路由上添加公共的路由前綴方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
在路由上添加公共的路由前綴
需求：后端需要在我項(xiàng)目路由地址上添加一個統(tǒng)一的前綴
實(shí)現(xiàn)：如下
1.在vue.config.js文件加下添加公共路徑,如圖
2.根據(jù)環(huán)境的不同,可以配置不同的公共路徑,拿開發(fā)環(huán)境舉例,如果統(tǒng)一的前綴是/auth-center就進(jìn)行如下配置,
3.在router文件夾下的index.js中進(jìn)行如下配置
4.一般項(xiàng)目都有退出功能,退出以后默認(rèn)前往登錄頁,此時登錄頁的路徑也發(fā)生了變化,需要帶上公共路由前綴,如下
vue路由刷新出現(xiàn) Uncaught SyntaxError: Unexpected token ‘＜‘
修改vue.config.js文件
將原來的 publicPath: './'，改成 publicPath: '/' 問題完美解決
總結(jié)
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
VSCode Vue開發(fā)推薦插件和VSCode快捷鍵(小結(jié))
這篇文章主要介紹了VSCode Vue開發(fā)推薦插件和VSCode快捷鍵(小結(jié))，文中通過圖文表格介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要介紹了vue中如何使用vue-baberrage生成彈幕，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
element-ui修改el-form-item樣式的詳細(xì)示例
在使用element-ui組件庫的時候經(jīng)常需要修改原有樣式,下面這篇文章主要給大家介紹了關(guān)于element-ui修改el-form-item樣式的詳細(xì)示例,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
vue遞歸組件實(shí)現(xiàn)樹形結(jié)構(gòu)
這篇文章主要為大家詳細(xì)介紹了vue遞歸組件實(shí)現(xiàn)樹形結(jié)構(gòu)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
這篇文章主要介紹了vue中如何給多個按鈕動態(tài)添加類名問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
去除Element-Plus下拉菜單邊框的實(shí)現(xiàn)步驟
Element-Plus 是 Element UI 的 Vue 3 版本,它提供了一套完整的組件庫,在使用 Element-Plus 進(jìn)行開發(fā)時,我們可能會遇到需要自定義組件樣式的情況,本文將介紹如何使用 CSS 來去除 Element-Plus 下拉框的邊框,需要的朋友可以參考下2024-03-03
使用自動導(dǎo)入后eslint報(bào)錯eslint9的問題及解決方法
本文介紹了使用`pnpm create vue@latest`創(chuàng)建Vue應(yīng)用時,如何配置ESLint和Prettier,包括解決兩者沖突以及自動導(dǎo)入后Eslint報(bào)錯的問題,感興趣的朋友一起看看吧2025-03-03
今天小編就為大家分享一篇vue 更改連接后臺的api示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
詞云圖是一種文本可視化技術(shù),用于展示文本數(shù)據(jù)中關(guān)鍵詞的頻次或重要性,文章介紹了如何在Vue3中使用@antv/g2plot生成詞云圖,并解釋了如何共享顏色和隨機(jī)生成顏色的組件,感興趣的朋友一起看看吧2024-12-12
vue vuex vue-rouert后臺項(xiàng)目——權(quán)限路由（適合初學(xué)）
這篇文章主要介紹了vue vuex vue-rouert后臺項(xiàng)目——權(quán)限路由，通過本文可以很清除的捋清楚vue+vuex+vue-router的關(guān)系，本版本非常簡單，適合初學(xué)者,需要的朋友可以參考下2017-12-12