Fully tested login/register function, can work normally now

components/Layout/header/UserMenuBeforeLogin.vue

@@ -22,9 +22,15 @@ import { emailRule, notEmptyRule, testRules } from '~/tools/inputRules';
     })
 
     const isRegister = ref(false);
-    const keepLogin = ref(false);
+    const keepLogin = ref(!!savedLoginInfo);
     const showPassword = ref(false);
 
+    watch(keepLogin, keepLoginOption => {
+        if(!keepLoginOption) {
+            localStorage.removeItem('user-login-info');
+        }
+    })
+
     function submitForm() {
         const { username, email, password } = authDetails.value;
         // test if username and password are valid

components/Layout/header/index.vue

@@ -4,6 +4,7 @@ import UserMenuBeforeLogin from './UserMenuBeforeLogin.vue';
 import UserMenuAfterLogin from './UserMenuAfterLogin.vue';
 
 const user = useUser();
+user.requestUpdateUserInfo()
 </script>
 
 <template>

nuxt.config.ts

@@ -34,8 +34,8 @@ export default defineNuxtConfig({
     // },
     devProxy: {
       "/api": {
-        // target: "http://localhost:8001/api", // 这里是接口地址
-        target: "http://198.13.60.170:8001/api", // 这里是接口地址
+        target: "http://localhost:8001/api", // 这里是接口地址
+        // target: "http://198.13.60.170:8001/api", // 这里是接口地址
         // target: "http://108.160.140.213:8001/api", // 这里是接口地址
         changeOrigin: true,
       },

store/user.ts

@@ -22,7 +22,7 @@ const useUser = defineStore('user', {
     actions: {
         requestUpdateUserInfo(info?:object, callback?:Function) {
             const setLogin = () => {
-                new Cookies(null).set('current-user', `${this.userInformation.id}`)
+                new Cookies(null).set('current-user', {id:this.userInformation.id})
                 this.isLoggedIn = true;
                 callback && callback(true);
             }
@@ -39,7 +39,7 @@ const useUser = defineStore('user', {
                     const currentUser = new Cookies(null).get('current-user')
                     // if current user is in cookies - means we logged in but somehow lost info, e.g. refreshed page
                     if(currentUser) {
-                        this.userInformation.id = JSON.parse(currentUser).id
+                        this.userInformation.id = currentUser.id
                     }
                     // callback false status and return
                     else {
@@ -68,6 +68,7 @@ const useUser = defineStore('user', {
 
                 // request for login or register
                 const { id, authorizedAccount, detail } = await request(`/auth/${reqType}`, {
+                    method: 'POST',
                     body: (
                         reqType === 'signin' ? 
                         { username, password } : { username, email, password }
@@ -98,6 +99,7 @@ const useUser = defineStore('user', {
         },
         logoutUser() {
             this.isLoggedIn = false;
+            new Cookies(null).remove('current-user');
             this.userInformation = { id: null } as userInfo;
         }
     }

tools/request.ts

@@ -12,7 +12,7 @@ export default (url: string, options?: Options, isEmptyHeader?: boolean) => {
 		method: 'GET'
 	}:{
 		method: "GET",
-		'Content-Type': 'application/json'
+		headers: {'Content-Type': 'application/json'}
 	}
 	const body =  
 	(typeof options?.body === 'object' && !(options.body instanceof FormData)) ?