diff --git a/dolphinscheduler-ui-next/src/layouts/content/components/user/use-dropdown.ts b/dolphinscheduler-ui-next/src/layouts/content/components/user/use-dropdown.ts
index c65fde47f5..96f3a6c3e3 100644
--- a/dolphinscheduler-ui-next/src/layouts/content/components/user/use-dropdown.ts
+++ b/dolphinscheduler-ui-next/src/layouts/content/components/user/use-dropdown.ts
@@ -21,6 +21,7 @@ import { useUserStore } from '@/store/user/user'
 import { useMenuStore } from '@/store/menu/menu'
 import type { Router } from 'vue-router'
 import { DropdownOption } from 'naive-ui'
+import cookies from 'js-cookie'
 
 export function useDropDown() {
   const router: Router = useRouter()
@@ -41,6 +42,8 @@ export function useDropDown() {
     logout().then(() => {
       userStore.setSessionId('')
       userStore.setUserInfo({})
+      cookies.remove('sessionId')
+
       router.push({ path: '/login' })
     })
   }
diff --git a/dolphinscheduler-ui-next/src/views/login/use-login.ts b/dolphinscheduler-ui-next/src/views/login/use-login.ts
index 6e8a50e541..0ee349f303 100644
--- a/dolphinscheduler-ui-next/src/views/login/use-login.ts
+++ b/dolphinscheduler-ui-next/src/views/login/use-login.ts
@@ -23,6 +23,7 @@ import type { Router } from 'vue-router'
 import type { SessionIdRes } from '@/service/modules/login/types'
 import type { UserInfoRes } from '@/service/modules/users/types'
 import { useMenuStore } from '@/store/menu/menu'
+import cookies from 'js-cookie'
 
 export function useLogin(state: any) {
   const router: Router = useRouter()
@@ -34,6 +35,7 @@ export function useLogin(state: any) {
       if (!valid) {
         const loginRes: SessionIdRes = await login({ ...state.loginForm })
         await userStore.setSessionId(loginRes.sessionId)
+        cookies.set('sessionId', loginRes.sessionId, { path: '/' })
 
         const userInfoRes: UserInfoRes = await getUserInfo()
         await userStore.setUserInfo(userInfoRes)