From 8bf0905b525caf60069f3832fda6ad90c55888cc Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Mon, 27 May 2024 15:28:10 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=BF=E6=8D=A2=20cookie?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 composables/useRequest.js |  3 +--
 pages/signin/verify.vue   | 13 +++++++++----
 stores/user.js            | 15 ++++-----------
 3 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/composables/useRequest.js b/composables/useRequest.js
index 9f9ce1e..a2d51a9 100644
--- a/composables/useRequest.js
+++ b/composables/useRequest.js
@@ -1,8 +1,7 @@
-import { useStorage } from '@vueuse/core'
 const BASE_URL = 'https://gpu-pod656e861afe3d944d6b3ce77e-7862.node.inscode.run'
 
 const request = async (url, options = {}) => {
-    const token = useStorage('token')
+    const token = useCookie('token')
     const fullUrl = BASE_URL + url
     const config = {
         method: options.method || 'get',
diff --git a/pages/signin/verify.vue b/pages/signin/verify.vue
index 2cd998c..5b89b1d 100644
--- a/pages/signin/verify.vue
+++ b/pages/signin/verify.vue
@@ -2,7 +2,6 @@
 
 </template>
 <script setup>
-import { useStorage } from '@vueuse/core'
 definePageMeta({
     layout: 'empty'
 })
@@ -19,9 +18,15 @@ const { data } = await useRequest(url, {
     query: { code: state.code },
     server: false,
     onResponse({ response }) {
-        useStorage('token', response._data.data.access_token)
-        useStorage('user-info', response._data.data.user_info)
-        // useCookie('token')
+        const token = useCookie('token', {
+            maxAge: 86400 * 28
+        })
+        const userInfo = useCookie('user-info', {
+            maxAge: 86400 * 28
+        })
+
+        token.value = response._data.data.access_token
+        userInfo.value = response._data.data.user_info
         navigateTo('/')
     }
 })
diff --git a/stores/user.js b/stores/user.js
index 3b6c64a..9662f3d 100644
--- a/stores/user.js
+++ b/stores/user.js
@@ -1,17 +1,10 @@
 import { defineStore } from 'pinia'
-import { useStorage } from '@vueuse/core'
-
-const token = useStorage('token')
-const userInfo = useStorage('user-info')
 
 export const useUserStore = defineStore('user', () => {
-    // const $info = ref({
-    //     name: 'Aresn',
-    //     avatar: 'https://csdn-665-inscode.s3.cn-north-1.jdcloud-oss.com/inscode/202303/622eda98dfef6c4fdb84ccca/1680089871598-75919715-hvlk99ddLLhyNTXtl4TaQAgeFBFz4ZGD/avatar',
-    //     pro: 1
-    // })
-    const $info = computed(() => userInfo.value ? JSON.parse(userInfo.value) : {})
+    const token = useCookie('token')
+    const userInfo = useCookie('user-info')
 
+    const $info = computed(() => userInfo.value ? userInfo.value : {})
     const $isSignIn = computed(() => !!token.value)
 
     function $signOut () {
@@ -22,7 +15,7 @@ export const useUserStore = defineStore('user', () => {
     async function $updateUserInfo () {
         if (!token.value) return
         const { data } = await useRequest('/v1/user/user_info')
-        userInfo.value = JSON.stringify(data.value.data)
+        userInfo.value = data.value.data
     }
 
     return { $info, $isSignIn, $signOut, $updateUserInfo }
-- 
GitLab