前端vue设置子路径

本文档中以前后端分离版为例,版本为: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

2. ruoyi-ui/src/router/index.js

3. ruoyi-ui/src/utils/request.js

4. ruoyi-ui/src/layout/components/Navbar.vue