force relogin in get ali_open token

Author: xhofe

docs/.vuepress/components/aliyundrive/Request.vue

@@ -1,99 +1,105 @@
 <script lang="ts" setup>
-import { NButton, NSpace, NAlert, NImage, useMessage, NSelect } from 'naive-ui';
-import { ref } from 'vue';
-import { api } from '../api'
-
-const alist_redirect_uri = "https://alist.nn.ci/tool/aliyundrive/callback"
-const app_id = "76917ccccd4441c39457a04f6084fb2f"
-
+import { NButton, NSpace, NAlert, NImage, useMessage, NSelect } from "naive-ui";
+import { ref } from "vue";
+import { api } from "../api";
 
+const alist_redirect_uri = "https://alist.nn.ci/tool/aliyundrive/callback";
+const app_id = "76917ccccd4441c39457a04f6084fb2f";
 
 function goGet() {
   const url = new URL("https://open.aliyundrive.com/oauth/authorize");
   url.searchParams.set("client_id", app_id);
   url.searchParams.set("redirect_uri", alist_redirect_uri);
-  url.searchParams.set(
-    "scope",
-    "user:base,file:all:read,file:all:write"
-  );
+  url.searchParams.set("scope", "user:base,file:all:read,file:all:write");
   url.searchParams.set("response_type", "code");
-  url.searchParams.set(
-    "state", ""
-  );
+  url.searchParams.set("state", "");
+  url.searchParams.set("relogin", "true");
   window.open(url.toString(), "_blank");
 }
 
 interface QrCodeResp {
   qrCodeUrl: string;
   sid: string;
-  error: string
+  error: string;
 }
 
-const qrcode = ref<QrCodeResp>()
+const qrcode = ref<QrCodeResp>();
 
-const gettingQrCode = ref(false)
+const gettingQrCode = ref(false);
 
 async function getQrCode() {
   try {
-    gettingQrCode.value = true
+    gettingQrCode.value = true;
     const resp = await fetch(api() + "/alist/ali_open/qr", {
       method: "POST",
       headers: {
-        "Content-Type": "application/json"
+        "Content-Type": "application/json",
       },
-      body: JSON.stringify({})
-    })
-    const res: QrCodeResp = await resp.json()
-    qrcode.value = res
+      body: JSON.stringify({}),
+    });
+    const res: QrCodeResp = await resp.json();
+    qrcode.value = res;
   } catch (e) {
-    console.log(e)
+    console.log(e);
     qrcode.value = {
       error: "error",
       qrCodeUrl: "",
-      sid: ""
-    }
+      sid: "",
+    };
   } finally {
-    gettingQrCode.value = false
+    gettingQrCode.value = false;
   }
 }
 
 interface ScanStatus {
-  status: string
-  authCode: string
+  status: string;
+  authCode: string;
 }
 
-const scanStatus = ref<ScanStatus>()
-const gettingScanStatus = ref(false)
+const scanStatus = ref<ScanStatus>();
+const gettingScanStatus = ref(false);
 
-const message = useMessage()
+const message = useMessage();
 
 async function haveScan() {
   try {
-    gettingScanStatus.value = true
-    const resp = await fetch(`${api()}/proxy/https://open.aliyundrive.com/oauth/qrcode/${qrcode.value?.sid}/status`)
-    const res: ScanStatus = await resp.json()
-    scanStatus.value = res
+    gettingScanStatus.value = true;
+    const resp = await fetch(
+      `${api()}/proxy/https://open.aliyundrive.com/oauth/qrcode/${
+        qrcode.value?.sid
+      }/status`
+    );
+    const res: ScanStatus = await resp.json();
+    scanStatus.value = res;
     if (res.status === "LoginSuccess") {
       const url = new URL(alist_redirect_uri);
       url.searchParams.set("code", res.authCode);
       window.open(url.toString(), "_blank");
     } else {
-      message.warning(res.status)
+      message.warning(res.status);
     }
   } catch (e) {
-    console.log(e)
-    message.error(String(e))
+    console.log(e);
+    message.error(String(e));
   } finally {
-    gettingScanStatus.value = false
+    gettingScanStatus.value = false;
   }
 }
-
 </script>
 
 <template>
   <NSpace vertical size="large">
-    <NButton size="large" type="primary" @click="goGet" block>Go to login</NButton>
-    <NButton size="large" type="info" @click="getQrCode" block :loading="gettingQrCode" :disabled="!!qrcode">Scan QrCode
+    <NButton size="large" type="primary" @click="goGet" block
+      >Go to login</NButton
+    >
+    <NButton
+      size="large"
+      type="info"
+      @click="getQrCode"
+      block
+      :loading="gettingQrCode"
+      :disabled="!!qrcode"
+      >Scan QrCode
     </NButton>
     <NAlert title="Error" type="error" v-if="qrcode?.error">
       {{ qrcode.error }}
@@ -102,10 +108,23 @@ async function haveScan() {
       <NSpace justify="center">
         <NImage width="300" :src="qrcode.qrCodeUrl" />
       </NSpace>
-      <NAlert title="Scan the QrCode" type="info">Use AliyunDrive APP To Scan Then Click the Button Below</NAlert>
-      <NButton size="large" @click="haveScan" type="info" block :loading="gettingScanStatus">I have scan</NButton>
+      <NAlert title="Scan the QrCode" type="info"
+        >Use AliyunDrive APP To Scan Then Click the Button Below</NAlert
+      >
+      <NButton
+        size="large"
+        @click="haveScan"
+        type="info"
+        block
+        :loading="gettingScanStatus"
+        >I have scan</NButton
+      >
     </NSpace>
-    <NAlert title="Warning" type="warning" v-if="scanStatus && scanStatus.status !== 'LoginSuccess'">
+    <NAlert
+      title="Warning"
+      type="warning"
+      v-if="scanStatus && scanStatus.status !== 'LoginSuccess'"
+    >
       {{ scanStatus.status }}
     </NAlert>
   </NSpace>