[Feature][UI Next] Add token expired jump login page. (#8312)

dolphinscheduler-ui-next/src/layouts/content/index.tsx

@@ -74,6 +74,7 @@ const Content = defineComponent({
     watch(
       () => route.path,
       () => {
+        if (route.path !== '/login') {
           state.isShowSide = menuStore.getShowSideStatus
           route.matched[1].path.includes(':projectCode')
           if (route.matched[1].path === '/projects/:projectCode') {
@@ -86,6 +87,7 @@ const Content = defineComponent({
                 menuStore.getProjectCode
               )
             : route.matched[1].path
+        }
       },
       { immediate: true }
     )

dolphinscheduler-ui-next/src/service/service.ts

@@ -16,9 +16,10 @@
  */
 
 import axios, { AxiosRequestConfig, AxiosResponse, AxiosError } from 'axios'
+import { useUserStore } from '@/store/user/user'
 import qs from 'qs'
 import _ from 'lodash'
-import { useUserStore } from '@/store/user/user'
+import router from '@/router'
 
 const userStore = useUserStore()
 
@@ -43,12 +44,16 @@ const baseRequestConfig: AxiosRequestConfig = {
 const service = axios.create(baseRequestConfig)
 
 const err = (err: AxiosError): Promise<AxiosError> => {
+  if (err.response?.status === 401 || err.response?.status === 504) {
+    userStore.setSessionId('')
+    userStore.setUserInfo({})
+    router.push({ path: '/login' })
+  }
+
   return Promise.reject(err)
 }
 
 service.interceptors.request.use((config: AxiosRequestConfig<any>) => {
-  // console.log('config', config)
-
   config.headers && (config.headers.sessionId = userStore.getSessionId)
 
   return config

dolphinscheduler-ui-next/src/views/projects/task/definition/use-table.ts

@@ -78,7 +78,8 @@ export function useTable() {
             row.upstreamTaskMap.length < 1
               ? '-'
               : h(NSpace, null, {
-                default: () => row.upstreamTaskMap.map((item: string) => {
+                  default: () =>
+                    row.upstreamTaskMap.map((item: string) => {
                       return h(
                         NTag,
                         { type: 'info', size: 'small' },