跳转交互

src/App.vue

@@ -46,7 +46,7 @@ export default {
       return this.$store.state.menuObj
     },
     navShow(){
-      return false||!['/404','/login'].includes(this.$route.path)
+      return false||!['/','/404','/login'].includes(this.$route.path)
     },
     pageShow(){
       return false||!['/404','/login'].includes(this.$route.path)

src/components/bg-menu.vue

@@ -49,7 +49,7 @@
       <!-- 信息 -->
       <!-- 购物车 -->
       <!-- 用户中心 -->
-      <div class="user-center nav-item">
+      <div class="user-center nav-item" @click="menuAction(systemMenu[0]?systemMenu[0].path:'',systemMenu[0])">
         <span class="user-icon">
           <img style="width:24px;height:24px;border-radius:50%;vertical-align:middle;" v-if="userInfo&&userInfo.logo" :src="userInfo&&userInfo.logo" />
           <img style="width:24px;height:24px;border-radius:50%;vertical-align:middle;" v-else src="../assets/imgs/home_ic_user.png" />
@@ -68,11 +68,11 @@
             v-for="(item, index) in systemMenu"
             class="menu-item text_clip"
             :key="index + 700"
-            @click="menuAction(item.path,item)"
+            @click.stop="menuAction(item.path,item)"
           >
             {{ item.menuName }}
           </div>
-          <div class="menu-item text_clip" @click="menuAction('logout')">
+          <div class="menu-item text_clip" @click.stop="menuAction('logout')">
             退出登录
           </div>
         </div>
@@ -194,6 +194,11 @@ export default {
       // })
     },
     menuAction(n,parent) {
+      debugger
+      //不存在则不跳转
+      if(!n){
+        return
+      }
       if (n == "logout") {
         this.$axios.get(`/apaas/system/logout`).then(res=>{
           if(res.data.code=='200'){

vite.config.js

@@ -35,7 +35,25 @@ export default {
         rewrite: path => path.replace(/^\/apaas\/system/, ''), // 重写传过来的path路径，比如 `/api/index/1?id=10&name=zs`（注意:path路径最前面有斜杠（/），因此，正则匹配的时候不要忘了是斜杠（/）开头的；选项的 key 也是斜杠（/）开头的）
         changeOrigin: true,  // true/false, Default: false - changes the origin of the host header to the target URL
         secure: false,//解决证书缺失问题
-      }
+      },
+      '/apaas/portal':{
+        target: 'https://apaas5.wodcloud.com/apaas/portal', // 所要代理的目标地址
+        rewrite: path => path.replace(/^\/apaas\/portal/, ''), // 重写传过来的path路径，比如 `/api/index/1?id=10&name=zs`（注意:path路径最前面有斜杠（/），因此，正则匹配的时候不要忘了是斜杠（/）开头的；选项的 key 也是斜杠（/）开头的）
+        changeOrigin: true,  // true/false, Default: false - changes the origin of the host header to the target URL
+        secure: false,//解决证书缺失问题
+      },
+      '/apaas/service':{
+        target: 'https://apaas5.wodcloud.com/apaas/service', // 所要代理的目标地址
+        rewrite: path => path.replace(/^\/apaas\/service/, ''), // 重写传过来的path路径，比如 `/api/index/1?id=10&name=zs`（注意:path路径最前面有斜杠（/），因此，正则匹配的时候不要忘了是斜杠（/）开头的；选项的 key 也是斜杠（/）开头的）
+        changeOrigin: true,  // true/false, Default: false - changes the origin of the host header to the target URL
+        secure: false,//解决证书缺失问题
+      },
+      '/apaas/common':{
+        target: 'https://apaas5.wodcloud.com/apaas/common', // 所要代理的目标地址
+        rewrite: path => path.replace(/^\/apaas\/common/, ''), // 重写传过来的path路径，比如 `/api/index/1?id=10&name=zs`（注意:path路径最前面有斜杠（/），因此，正则匹配的时候不要忘了是斜杠（/）开头的；选项的 key 也是斜杠（/）开头的）
+        changeOrigin: true,  // true/false, Default: false - changes the origin of the host header to the target URL
+        secure: false,//解决证书缺失问题
+      },
     }
   },
   build:{