docker中nginx同端口多项目生产环境对应配置文件

.env.production

@@ -3,13 +3,13 @@ ENV = 'production'
 
 
 # 生产环境
-VITE_APP_BASE_API = '/prod-api'
+VITE_APP_BASE_API = '/zradminvue-api'
 
 # 路由前缀
-VITE_APP_ROUTER_PREFIX = '/'
+VITE_APP_ROUTER_PREFIX = '/zradminvue'
 
 # 默认上传地址
 VITE_APP_UPLOAD_URL = '/Common/UploadFile'
 
 #socket API
-VITE_APP_SOCKET_API = '/msghub'
+VITE_APP_SOCKET_API = '/zradminvuemsghub'

src/views/components/CommonMenu/index.vue

@@ -1,4 +1,5 @@
 <template>
+  <div>
     <div class="tool-wrap">
       <template v-for="item in commonRouters">
         <div class="tool-item" @mouseenter="onMouseOver(item)" @mouseleave="onMouseOut(item)">
@@ -14,6 +15,7 @@
     </div>
 
     <el-empty :image-size="80" v-if="commonRouters && commonRouters.length <= 0" />
+  </div>
 </template>
 <script setup>
 import usePermissionStore from '@/store/modules/permission'

src/views/components/dictData.vue

@@ -1,4 +1,5 @@
 <template>
+  <div>
     <el-form :model="queryParams" ref="queryForm" :inline="true" label-width="68px">
       <el-form-item label="字典名称" prop="dictType">
         <el-select v-model="queryParams.dictType">
@@ -95,6 +96,7 @@
         </div>
       </template>
     </el-dialog>
+  </div>
 </template>
 <script setup name="dictData">
 import { listData, getData, delData, addData, updateData } from '@/api/system/dict/data'

src/views/system/user/profile/userAvatar.vue

@@ -1,4 +1,5 @@
 <template>
+  <div>
     <div class="user-info-head" @click="editCropper()">
       <!-- <img :src="options.img" title="点击上传头像" class="img-circle img-lg" /> -->
       <el-avatar shape="circle" :size="120" :src="options.img" />
@@ -52,6 +53,7 @@
         </el-col>
       </el-row>
     </el-dialog>
+  </div>
 </template>
 
 <script>