登录接口完成

src/layouts/modules/global-header/components/user-avatar.vue

@@ -81,7 +81,7 @@ function handleDropdown(key: DropdownKey) {
     <div>
       <ButtonIcon>
         <SvgIcon icon="ph:user-circle" class="text-icon-large" />
-        <span class="text-16px font-medium">{{ authStore.userInfo.userName }}</span>
+        <span class="text-16px font-medium">{{ authStore.userInfo.username }}</span>
       </ButtonIcon>
     </div>
   </NDropdown>

src/layouts/modules/global-header/index.vue

@@ -46,12 +46,12 @@ const { isFullscreen, toggle } = useFullscreen();
         :lang-options="appStore.localeOptions"
         @change-lang="appStore.changeLocale"
       />
-      <ThemeSchemaSwitch
+      <!-- <ThemeSchemaSwitch
         :theme-schema="themeStore.themeScheme"
         :is-dark="themeStore.darkMode"
         @switch="themeStore.toggleThemeScheme"
       />
-      <ThemeButton />
+      <ThemeButton /> -->
       <UserAvatar />
     </div>
   </DarkModeContainer>

src/service/api/auth.ts

@@ -19,7 +19,7 @@ export function fetchLogin(username: string, password: string) {
 
 /** Get user info */
 export function fetchGetUserInfo() {
-  return request<Api.Auth.UserInfo>({ url: '/auth/getUserInfo' });
+  return request<Api.Auth.UserInfo>({ url: '/api/auth/me' });
 }
 
 /**

src/store/modules/auth/index.ts

@@ -22,7 +22,7 @@ export const useAuthStore = defineStore(SetupStoreId.Auth, () => {
 
   const userInfo: Api.Auth.UserInfo = reactive({
     userId: '',
-    userName: '',
+    username: '',
     roles: [],
     buttons: []
   });
@@ -130,7 +130,6 @@ export const useAuthStore = defineStore(SetupStoreId.Auth, () => {
   async function loginByToken(loginToken: Api.Auth.LoginToken) {
     // 1. stored in the localStorage, the later requests need it in headers
     localStg.set('token', loginToken.token);
-    localStg.set('refreshToken', loginToken.refreshToken);
 
     // 2. get user info
     const pass = await getUserInfo();

src/typings/api/auth.d.ts

@@ -12,7 +12,7 @@ declare namespace Api {
 
     interface UserInfo {
       userId: string;
-      userName: string;
+      username: string;
       roles: string[];
       buttons: string[];
     }

src/views/login/modules/pwd-login.vue

@@ -16,7 +16,7 @@ interface FormModel {
 }
 
 const model: FormModel = reactive({
-  userName: 'Soybean',
+  userName: 'admin1',
   password: '123456'
 });