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,16 +5,18 @@
 </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) => {
+  if (newVal) {
+    (async () => {
       try {
-    const accessToken = await getAccessToken('https://wf2eyr.logto.app/api');
+        const accessToken = await getAccessToken(import.meta.env.VITE_API_BASE_URL);
         console.log(accessToken);
         setToken(accessToken);
         const isCompleteInfo = await isNewUser(); //表示是否完成信息登记 true表示完成
@@ -25,13 +27,13 @@ const init = async () => {
         message.success('登录成功！');
         router.push('/layout');
       } catch (error) {
-    // removeToken();
-    // router.push('/');
+        router.push('/');
         message.error(error.message);
       }
-}
-onMounted(() => {
-  init()
+    })();
+  }
+},{
+  immediate:true
 })
 </script>