diff --git a/src/utils/api.js b/src/utils/api.js
index 2ab91c16..56340466 100644
--- a/src/utils/api.js
+++ b/src/utils/api.js
@@ -5,14 +5,16 @@
 */
 import { get } from '@/utils/http'
 
-export const panel = '/visual/panel'
-export const chart = '/visual/chart'
+export const api = {
+  panel: '/visual/panel',
+  chart: '/visual/chart'
+}
 
 export async function getPanelList (params) {
-  return await getData(panel, params, true)
+  return await getData(api.panel, params, true)
 }
 export async function getPanel (url, params) {
-  return await getData(panel, params)
+  return await getData(api.panel, params)
 }
 
 export async function getData (url, params, isQueryList) {
diff --git a/src/views/charts/Panel.vue b/src/views/charts/Panel.vue
index 9fa6ef6d..4d66d73a 100644
--- a/src/views/charts/Panel.vue
+++ b/src/views/charts/Panel.vue
@@ -5,7 +5,7 @@
 <script>
 import { useRoute } from 'vue-router'
 import { panelTypeAndRouteMapping } from '@/utils/constants'
-import { panel as api, getPanelList } from '@/utils/api'
+import { api, getPanelList } from '@/utils/api'
 
 export default {
   name: 'Panel',