diff --git a/src/api/interface.js b/src/api/interface.js
new file mode 100644
index 000000000..4ef1835aa
--- /dev/null
+++ b/src/api/interface.js
@@ -0,0 +1,36 @@
+import request from '@/utils/request'
+
+export function postInterface(formData) {
+  return request({
+    url: '/api/v1/xpack/interface/setting',
+    method: 'put',
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    },
+    data: formData
+  })
+}
+export function getInterfaceInfo() {
+  return request({
+    url: '/api/v1/xpack/interface/setting',
+    method: 'get'
+  })
+}
+
+export function restoreInterface() {
+  return request({
+    url: '/api/v1/xpack/interface/restore',
+    method: 'get'
+  })
+}
+
+export function importLicense(formData) {
+  return request({
+    url: '/api/v1/xpack/license/import',
+    method: 'post',
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    },
+    data: formData
+  })
+}
diff --git a/src/views/settings/Interface.vue b/src/views/settings/Interface.vue
index 612fc8257..425e989e1 100644
--- a/src/views/settings/Interface.vue
+++ b/src/views/settings/Interface.vue
@@ -19,7 +19,7 @@
 import { Page } from '@/layout/components'
 import { IBox, UploadField } from '@/components'
 import GenericCreateUpdateForm from '@/layout/components/GenericCreateUpdateForm'
-import { getInterfaceInfo, postInterface, restoreInterface } from '@/views/xpack/api'
+import { getInterfaceInfo, postInterface, restoreInterface } from '@/api/interface'
 
 export default {
   name: 'InterfaceSettings',