src/main.ts

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

src/views/login/OauthCallBack.vue

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