feat:修复useLogto逻辑

src/main.ts

@@ -29,11 +29,7 @@ const config: LogtoConfig = {
   endpoint: END_POINT,
   appId: APP_ID,
 };
-app.use(createLogto, {
-  ...config,
-  scopes: ['shopping:read', 'shopping:write', 'store:read', 'store:write'],
-  resources: [import.meta.env.VITE_API_BASE_URL],
-});
+app.use(createLogto, config);
 
 app.use(pinia);
 app.use(router);

src/views/login/OauthCallBack.vue

@@ -5,35 +5,33 @@
 </template>
 
 <script setup lang="ts">
-import { setToken } from '@/utils/auth';
+import { removeToken, setToken } from '@/utils/auth';
 import { useLogto } from '@logto/vue';
 import { useMessage } from 'naive-ui';
 import { isNewUser, getUserInfo } from '@/api/userApi';
-const { isAuthenticated, getAccessToken } = useLogto();
+const { getAccessToken } = useLogto();
 const router = useRouter();
 const message = useMessage();
-watch(() => isAuthenticated.value, (newVal) => {
-  if (newVal) {
-    (async () => {
-      try {
-        const accessToken = await getAccessToken(import.meta.env.VITE_API_BASE_URL);
-        console.log(accessToken);
-        setToken(accessToken);
-        const isCompleteInfo = await isNewUser(); //表示是否完成信息登记 true表示完成
-        if (!isCompleteInfo) return router.push('/register');
-        const result = await getUserInfo();
-        console.log(result, 'result'); //后面userInfo要存到store里面
-        //TODO
-        message.success('登录成功！');
-        router.push('/layout');
-      } catch (error) {
-        router.push('/');
-        message.error(error.message);
-      }
-    })();
+const init = async () => {
+  try {
+    const accessToken = await getAccessToken(import.meta.env.VITE_API_BASE_URL);
+    console.log(accessToken);
+    setToken(accessToken);
+    const isCompleteInfo = await isNewUser(); //表示是否完成信息登记 true表示完成
+    if (!isCompleteInfo) return router.push('/register');
+    const result = await getUserInfo();
+    console.log(result, 'result'); //后面userInfo要存到store里面
+    //TODO
+    message.success('登录成功！');
+    router.push('/layout');
+  } catch (error) {
+    removeToken();
+    router.push('/');
+    message.error(error.message);
   }
-},{
-  immediate:true
+}
+onMounted(() => {
+  init()
 })
 </script>