diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue b/nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue
index 5f54fc2d9..c5ded880a 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue
@@ -717,7 +717,7 @@ export default {
       this.$store.dispatch('dispatchPanelLock', { flag: boolean })
     },
     chartBySync () {
-      this.panelTabLoading = true
+      this.$store.dispatch('dispatchHomeLoading', true)
       const params = {}
       if (this.from === 'chartTemp') {
         params.pid = this.obj.id
@@ -725,7 +725,7 @@ export default {
         params.panelId = this.showPanel.id
       }
       this.$post('visual/panel/chart/syncTmpl', params).then(res => {
-        this.panelTabLoading = false
+        this.$store.dispatch('dispatchHomeLoading', false)
         if (res.code === 200) {
           this.getTableData(this.obj.id)
           this.$message.success(this.$t('tip.syncSuccess'))
diff --git a/nezha-fronted/src/components/page/config/model.vue b/nezha-fronted/src/components/page/config/model.vue
index fdf205c2a..2768f99ed 100644
--- a/nezha-fronted/src/components/page/config/model.vue
+++ b/nezha-fronted/src/components/page/config/model.vue
@@ -131,7 +131,9 @@ export default {
   },
   methods: {
     chartBySync (row) {
+      this.$store.dispatch('dispatchHomeLoading', true)
       this.$post('visual/panel/chart/syncTmpl', { models: [row.id] }).then(res => {
+        this.$store.dispatch('dispatchHomeLoading', false)
         if (res.code === 200) {
           this.getTableData()
           this.$message.success(this.$t('tip.syncSuccess'))
diff --git a/nezha-fronted/src/components/page/config/template/chartTemp.vue b/nezha-fronted/src/components/page/config/template/chartTemp.vue
index 3956b616b..29781bec2 100644
--- a/nezha-fronted/src/components/page/config/template/chartTemp.vue
+++ b/nezha-fronted/src/components/page/config/template/chartTemp.vue
@@ -264,7 +264,9 @@ export default {
       }
     },
     chartBySync (row) {
+      this.$store.dispatch('dispatchHomeLoading', true)
       this.$post('visual/panel/chart/syncTmpl', { pid: row.id }).then(res => {
+        this.$store.dispatch('dispatchHomeLoading', false)
         if (res.code === 200) {
           this.getTableData()
           this.$message.success(this.$t('tip.syncSuccess'))
diff --git a/nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue b/nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue
index a1a4dfebb..43aed7532 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue
@@ -1843,7 +1843,7 @@ import chartDataFormat from '../../../chart/chartDataFormat'
 import logTab from './logTab'
 import promqlInputMixin from '@/components/common/mixin/promqlInput'
 import chartRightBox from '@/components/common/rightBox/chart/chartRightBox'
-import {Loading} from "element-ui";
+import { Loading } from 'element-ui'
 
 export default {
   name: 'exploreItem',
@@ -2628,13 +2628,9 @@ export default {
       if (!this.showMetrics) {
         params.limit = this.$refs.logDetail ? this.$refs.logDetail.getLimit() : 100
       }
-      const loading = Loading.service({
-        lock: true,
-        customClass: 'export-pdf-mask',
-        background: 'rgba(0,0,0,.2)'
-      })
+      this.$store.dispatch('dispatchHomeLoading', true)
       this.$get('/visual/explore/snapshot', params, 'blob').then(res => {
-        loading.close()
+        this.$store.dispatch('dispatchHomeLoading', false)
         const self = this
         let fileName = this.showMetrics ? 'Metrics explore' : 'Logs explore'
         const resFileName = ''
diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index 29b727bff..4fa4adf80 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -505,9 +505,9 @@ export default {
       this.rightBox.chartTemp.show = true
     },
     chartBySync () {
-      this.panelTabLoading = true
+      this.$store.dispatch('dispatchHomeLoading', true)
       this.$post('visual/panel/chart/syncTmpl', { panelId: this.showPanel.id }).then(res => {
-        this.panelTabLoading = false
+        this.$store.dispatch('dispatchHomeLoading', false)
         if (res.code === 200) {
           this.getData(this.filter)
           this.$message.success(this.$t('tip.syncSuccess'))
diff --git a/nezha-fronted/src/components/page/monitor/module/moduleList.vue b/nezha-fronted/src/components/page/monitor/module/moduleList.vue
index b830b1ab9..bcf87e4eb 100644
--- a/nezha-fronted/src/components/page/monitor/module/moduleList.vue
+++ b/nezha-fronted/src/components/page/monitor/module/moduleList.vue
@@ -473,7 +473,9 @@ export default {
       })
     },
     chartBySync (row) {
+      this.$store.dispatch('dispatchHomeLoading', true)
       this.$post('visual/panel/chart/syncTmpl', { modules: row.id }).then(res => {
+        this.$store.dispatch('dispatchHomeLoading', false)
         if (res.code === 200) {
           this.getTableData()
           this.$message.success(this.$t('tip.syncSuccess'))
diff --git a/nezha-fronted/src/http.js b/nezha-fronted/src/http.js
index 6a86b5869..4d3dd83e9 100644
--- a/nezha-fronted/src/http.js
+++ b/nezha-fronted/src/http.js
@@ -123,9 +123,7 @@ export function get (url, params, responseType) {
       if (err.response) {
         resolve(err.response.data)
       } else if (err.message) {
-        if (err.message !== 'cancel') { // 判断是否是路由跳转取消的请求（是的话没必要提示message）
-          resolve(err.message)
-        }
+        resolve(err.message)
       } else {
         resolve(err)
       }