diff --git a/src/api/interface.js b/src/api/interface.js
index 6d9b5afc6..b0e0f2a9d 100644
--- a/src/api/interface.js
+++ b/src/api/interface.js
@@ -2,7 +2,7 @@ import request from '@/utils/request'
 
 export function updateInterface(formData) {
   return request({
-    url: '/api/v1/xpack/interface/setting',
+    url: '/api/v1/xpack/interface/setting/',
     method: 'put',
     headers: {
       'Content-Type': 'multipart/form-data'
@@ -12,15 +12,15 @@ export function updateInterface(formData) {
 }
 export function getInterfaceInfo() {
   return request({
-    url: '/api/v1/xpack/interface/setting',
+    url: '/api/v1/xpack/interface/setting/',
     method: 'get'
   })
 }
 
 export function restoreInterface() {
   return request({
-    url: '/api/v1/xpack/interface/restore',
-    method: 'get'
+    url: '/api/v1/xpack/interface/setting/restore/',
+    method: 'put'
   })
 }
 
diff --git a/src/api/settings.js b/src/api/settings.js
index e3bee757e..70f606b1c 100644
--- a/src/api/settings.js
+++ b/src/api/settings.js
@@ -82,7 +82,7 @@ export function getPublicSettings(isOpen) {
 }
 export function getLogo() {
   return request({
-    url: '/api/v1/xpack/interface/setting',
+    url: '/api/v1/xpack/interface/setting/',
     method: 'get'
   })
 }
diff --git a/src/components/TableFormatters/DetailFormatter.vue b/src/components/TableFormatters/DetailFormatter.vue
index 9e63b9e1b..8723201a1 100644
--- a/src/components/TableFormatters/DetailFormatter.vue
+++ b/src/components/TableFormatters/DetailFormatter.vue
@@ -2,7 +2,7 @@
   <el-link
     class="detail"
     :disabled="disabled"
-    :type="col.type"
+    :type="col.type || 'success'"
     @click="goDetail"
   >
     {{ iTitle }}
diff --git a/src/views/settings/Interface.vue b/src/views/settings/Interface.vue
index af643710e..2249cf0cb 100644
--- a/src/views/settings/Interface.vue
+++ b/src/views/settings/Interface.vue
@@ -1,5 +1,14 @@
 <template>
   <Page>
+    <div v-if="isDev" style="margin-bottom: 20px">
+      <el-button
+        v-for="tp of ['primary', 'success', 'info', 'warning', 'danger']"
+        :key="tp"
+        :type="tp"
+      >
+        {{ tp.toUpperCase() }}
+      </el-button>
+    </div>
     <IBox v-if="!loading">
       <GenericCreateUpdateForm
         :fields="fields"
@@ -37,6 +46,7 @@ export default {
       interfaceInfo: {},
       hasSaveContinue: false,
       successUrl: { name: 'Settings' },
+      isDev: process.env.NODE_ENV === 'development',
       fields: [
         [this.$t('common.Basic'), ['login_title', 'theme']],
         ['Logo', ['logo_index', 'logo_logout', 'favicon']],
@@ -112,7 +122,7 @@ export default {
           }
         }
       },
-      url: '/api/v1/xpack/interface/setting',
+      url: '/api/v1/xpack/interface/setting/',
       submitMethod() {
         return 'put'
       },