优化上传token

src/components/Editor/src/Editor.vue

@@ -10,10 +10,17 @@ import { useLocaleStore } from '@/store/modules/locale'
 
 const userStore = useUserStore()
 const token = userStore.getToken
-const Authorization = `Bearer ${token}`
-
 const localeStore = useLocaleStore()
-const headers = ref({ Authorization: Authorization })
+
+const Authorization = ref(`Bearer ${userStore.getToken}`)
+const headers = ref({ Authorization: Authorization.value })
+
+setInterval(() => {
+  Authorization.value = `Bearer ${userStore.getToken}`
+  console.log('Authorization', Authorization.value)
+  headers.value = { Authorization: Authorization.value }
+}, 6000) //
+
 const currentLocale = computed(() => localeStore.getCurrentLocale)
 
 i18nChangeLanguage(unref(currentLocale).lang)

src/views/Material/MaterialMange.vue

@@ -135,9 +135,14 @@ const deletetab = async (data: TableSlotDefault) => {
 const dialogVisible = ref(false)
 const dialogVisible2 = ref(false)
 
-const token = userStore.getToken
-const Authorization = `Bearer ${token}`
-const headers = ref({ Authorization: Authorization })
+const Authorization = ref(`Bearer ${userStore.getToken}`)
+const headers = ref({ Authorization: Authorization.value })
+
+setInterval(() => {
+  Authorization.value = `Bearer ${userStore.getToken}`
+  console.log('Authorization', Authorization.value)
+  headers.value = { Authorization: Authorization.value }
+}, 6000) //
 
 const { formRegister, formMethods } = useForm()
 const { getElFormExpose, getFormData } = formMethods

src/views/Resource/ResourceManage.vue

@@ -127,9 +127,14 @@ const deletetab = async (data: TableSlotDefault) => {
 
 const dialogVisible = ref(false)
 
-const token = userStore.getToken
-const Authorization = `Bearer ${token}`
-const headers = ref({ Authorization: Authorization })
+const Authorization = ref(`Bearer ${userStore.getToken}`)
+const headers = ref({ Authorization: Authorization.value })
+
+setInterval(() => {
+  Authorization.value = `Bearer ${userStore.getToken}`
+  console.log('Authorization', Authorization.value)
+  headers.value = { Authorization: Authorization.value }
+}, 6000) // 每60秒更新一次token
 
 const { formRegister, formMethods } = useForm()
 const { getElFormExpose, getFormData } = formMethods

src/views/System/SystemSetting.vue

@@ -33,9 +33,17 @@ import { any } from 'vue-types'
 import { useTable } from '@/hooks/web/useTable'
 const userStore = useUserStore()
 const token = userStore.getToken
-const Authorization = `Bearer ${token}`
+
 import type { UploadProps } from 'element-plus'
-const headers = ref({ Authorization: Authorization })
+
+const Authorization = ref(`Bearer ${userStore.getToken}`)
+const headers = ref({ Authorization: Authorization.value })
+
+setInterval(() => {
+  Authorization.value = `Bearer ${userStore.getToken}`
+  console.log('Authorization', Authorization.value)
+  headers.value = { Authorization: Authorization.value }
+}, 6000) //
 const PATH_URL = window.VITE_API_BASE_PATH + '/config/manage/uploadImg'
 const IMG_URL = window.VITE_API_BASE_PATH
 const { required, lengthRange } = useValidator()

src/views/Template/TemplateManage.vue

@@ -115,9 +115,14 @@ const deletetab = async (data: TableSlotDefault) => {
 
 const dialogVisible = ref(false)
 
-const token = userStore.getToken
-const Authorization = `Bearer ${token}`
-const headers = ref({ Authorization: Authorization })
+const Authorization = ref(`Bearer ${userStore.getToken}`)
+const headers = ref({ Authorization: Authorization.value })
+
+setInterval(() => {
+  Authorization.value = `Bearer ${userStore.getToken}`
+  console.log('Authorization', Authorization.value)
+  headers.value = { Authorization: Authorization.value }
+}, 6000) //
 
 const { formRegister, formMethods } = useForm()
 const { getElFormExpose, getFormData } = formMethods