报错信息添加

src/App.vue

@@ -105,7 +105,7 @@ router.beforeEach(async (to, from, next) => {
         }
     } else {
         //未登录
-        if (to.name == 'Login') {
+        if (to.name == 'Login' || to.name === 'test') {
             next()
         } else {
             next({ name: 'Login' })

src/router/index.ts

@@ -17,6 +17,12 @@ const routes: Array<RouteRecordRaw> = [
         children: []
     },
     {
+        path: '/test',
+        name: 'test',
+        meta: { title: '测试眼镜URL' },
+        component: () => import( '@/views/test/index.vue')
+    },
+    {
         path: '/404',
         name: 'Error404',
         component: () => import(/* webpackChunkName: "Error404" */ '@/views/error/index.vue'),

src/views/login/index.vue

@@ -9,6 +9,11 @@
                 </div>
                 <div v-show="!showScanCode">
                     <h3 class="font-bold text-xl">{{ getLoginMethod.name }}</h3>
+                    <div class="flex justify-between items-center">
+                        <div>测试API</div>
+                        <qrcode-vue v-if="loginMethodType === 'scan'" :value="urlCodeTest" :size="101"
+                                    render-as="svg" />
+                    </div>
                     <a-form ref="loginFormRef" :rules="rules" :model="loginForm" layout="vertical">
                         <a-form-item field="username" label="用户名:" validate-trigger="change" hide-asterisk>
                             <a-input v-model="loginForm.username" placeholder="请输入你的用户名" size="large" allow-clear />
@@ -80,6 +85,7 @@ const loginMethodType = ref<MethodType>('account')
 const getLoginMethod = computed(() => {
     return loginMethod[loginMethodType.value]
 })
+const urlCodeTest = `${location.origin}/#/test`
 //切换登录模式
 const handleLoginMethod = () => {
     if (loginMethodType.value == 'account') {

src/views/test/index.vue

+<template>
+    <div ref="sec">正在测试调用眼镜端URL....</div>
+    <div></div>
+</template>
+
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { API_URL } from '../../../project.app.config.ts'
+
+const sec = ref()
+const demoURL = `${API_URL}/admin/getCaptcha`
+onMounted(function() {
+    window.onerror = function() {
+        console.log('errors!!!!', arguments)
+    }
+    fetch(demoURL, {
+        'headers': {
+            'content-type': 'application/x-www-form-urlencoded'
+        },
+        'body': 'username=devzj3',
+        'method': 'POST',
+    }).then(res => res.blob())
+        .then((b: Blob) => {
+            const url = window.URL.createObjectURL(b)
+            const img = document.createElement('img')
+            img.src = url
+            sec.value.innerHTML = 'api调用成功！'
+            sec.value.nextElementSibling.append(img)
+        })
+        .catch((reason: any) => {
+            console.log('出现错误！', reason)
+            sec.value.innerHTML = '请求出错！'
+            sec.value.nextElementSibling.innerHTML = reason
+        })
+})
+</script>
\ No newline at end of file