src/router/routes.ts

@@ -67,7 +67,7 @@ export const routes: RouteRecordRaw[] = [
     meta: { title: '获取认证状态', requiresAuth: true },
   },
   {
-    path: '/wechat-redirect',
+    path: '/wxr',
     name: 'WechatRedirect',
     component: () => import('@/views/wechat-redirect/index.vue'),
     meta: { title: '路由跳转中', requiresAuth: false },

src/views/register/index.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { showFailToast } from 'vant'
 import { REGISTER_URL_KEY } from '@/constants/storage'
@@ -54,9 +54,6 @@ const onLoad = () => {
 }
 
 onMounted(() => {
-  // 禁止外层滚动，避免出现页面滚动条
-  document.body.style.overflow = 'hidden'
-
   if (props.src) {
     realSrc.value = props.src
     return
@@ -70,10 +67,6 @@ onMounted(() => {
     router.back()
   }
 })
-
-onUnmounted(() => {
-  document.body.style.overflow = ''
-})
 </script>
 
 <style lang="scss" scoped>
@@ -118,12 +111,4 @@ onUnmounted(() => {
     color: #999;
   }
 }
-
-/* 站点级兜底：去掉默认间距并禁掉页面滚动（scoped 下需 :global） */
-:global(html, body) {
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-  overscroll-behavior: none;
-}
 </style>

src/views/wechat-redirect/index.vue

@@ -56,10 +56,18 @@
         <p>若长时间未跳转，请稍后重试</p>
       </div>
     </div>
+    <!-- 修改密码弹窗 -->
+    <ModernDialog
+      :closeOnClickOverlay="false"
+      v-model:show="showDialog"
+      title="提示"
+      :message="message"
+    />
   </div>
 </template>
 
 <script setup lang="ts">
+import ModernDialog from '@/components/ModernDialog.vue'
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
 import { showToast } from 'vant'
@@ -69,6 +77,8 @@ const route = useRoute()
 
 const progress = ref(10)
 
+const message = ref('')
+
 const getPushRecordId = (): string => {
   const { pushRecordId } = route.query
 
@@ -96,7 +106,7 @@ const getMiniappLinkParams = (redirectUrl: string) => {
   return {
     path: 'pages/index/index',
     query: `redirect=${encodeURIComponent(redirectUrl)}`,
-    envVersion: import.meta.env.VITE_APP_ENV === 'prod' ? 'release' : 'trial',
+    envVersion: 'release',
   } as const
 }
 
@@ -104,7 +114,8 @@ const redirectToMiniapp = async (): Promise<void> => {
   const pushRecordId = getPushRecordId()
 
   if (!pushRecordId) {
-    showToast('链接不完整或参数错误')
+    message.value = '链接不完整或参数错误'
+    showDialog.value = true
     return
   }
 
@@ -117,8 +128,8 @@ const redirectToMiniapp = async (): Promise<void> => {
       showToast(res.msg || '跳转链接生成失败')
       return
     }
-
-    window.location.href = res.data
+    // 跳转
+    window.location.replace(res.data)
   } catch (error) {
     console.error('[redirectToMiniapp] failed:', error)
     showToast('页面跳转失败，请稍后重试')
@@ -170,11 +181,28 @@ const startProgress = (): void => {
   }, 300)
 }
 
-onMounted(() => {
+const showDialog = ref(false)
+
+const isMobile = (): boolean => {
+  const ua = navigator.userAgent.toLowerCase()
+  return /android|iphone|ipad|ipod|mobile|wechat|micromessenger/i.test(ua)
+}
+
+const init = async (): Promise<void> => {
+  if (!isMobile()) {
+    message.value =
+      '电脑无法访问本链接，请使用手机访问。如您已使用手机访问，请将您的默认浏览器的浏览器标识设置为“手机版”'
+    showDialog.value = true
+    return
+  }
+
   startProgress()
-  redirectToMiniapp()
-})
+  await redirectToMiniapp()
+}
 
+onMounted(() => {
+  init()
+})
 onBeforeUnmount(() => {
   clearTimer()
 })