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