前端vue设置子路径
![](/vuepress-lingdu-v2/assets/img_4-40e4f6a0.png)
本文档中以前后端分离版为例,版本为:3.8.6
一、 设置变量
在.env.development
和.env.production
中定义一个变量如VUE_APP_PROJECT_IDENTIFIER
注意
这个变量是为了统一设置子路径,方便统一修改。也可以不设置,直接写子路径。
# 项目标识字符
VUE_APP_PROJECT_IDENTIFIER = 'admin'
二、 引用路径变量
${process.env.VUE_APP_PROJECT_IDENTIFIER}
1. ruoyi-ui/vue.config.js
![](/vuepress-lingdu-v2/assets/img-4f948dab.png)
2. ruoyi-ui/src/router/index.js
![](/vuepress-lingdu-v2/assets/img_1-91b25f0a.png)
3. ruoyi-ui/src/utils/request.js
![](/vuepress-lingdu-v2/assets/img_2-0b7116cc.png)
4. ruoyi-ui/src/layout/components/Navbar.vue
![](/vuepress-lingdu-v2/assets/img_3-73c46bb7.png)