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/wechat-redirect/index.vue

@@ -58,9 +58,10 @@
     </div>
     <!-- 修改密码弹窗 -->
     <ModernDialog
+      :closeOnClickOverlay="false"
       v-model:show="showDialog"
       title="提示"
-      message="电脑无法访问本链接，请使用手机访问。如您已使用手机访问，请将您的默认浏览器的浏览器标识设置为“手机版”"
+      :message="message"
     />
   </div>
 </template>
@@ -76,6 +77,8 @@ const route = useRoute()
 
 const progress = ref(10)
 
+const message = ref('')
+
 const getPushRecordId = (): string => {
   const { pushRecordId } = route.query
 
@@ -111,7 +114,8 @@ const redirectToMiniapp = async (): Promise<void> => {
   const pushRecordId = getPushRecordId()
 
   if (!pushRecordId) {
-    showToast('链接不完整或参数错误')
+    message.value = '链接不完整或参数错误'
+    showDialog.value = true
     return
   }
 
@@ -186,6 +190,8 @@ const isMobile = (): boolean => {
 
 const init = async (): Promise<void> => {
   if (!isMobile()) {
+    message.value =
+      '电脑无法访问本链接，请使用手机访问。如您已使用手机访问，请将您的默认浏览器的浏览器标识设置为“手机版”'
     showDialog.value = true
     return
   }