diff --git a/src/components/home/HomeHeader.vue b/src/components/home/HomeHeader.vue
index 9bb564b..7bf3aac 100644
--- a/src/components/home/HomeHeader.vue
+++ b/src/components/home/HomeHeader.vue
@@ -137,20 +137,24 @@
             </el-form-item>
 
 
-            <el-form-item prop="captcha" style="display: flex;flex-wrap: nowrap;flex-direction: row;justify-content: space-between">
-              <el-input
-                  prefix-icon="el-icon-mobile-phone"
-                  type="text"
-                  placeholder="验证码"
-                  v-model="registerFrom.captcha"
-                  class="vertify_code"
-                  auto-complete="false"
-                  style="width: 15.3vw"
-              ></el-input>
-              <el-button style="margin-left: 5px" @click="sendEmail" type="success" :disabled="!showTime">
-                获取验证码
-                <span v-show="!showTime" class="count">({{sendTime}}s)</span>
-              </el-button>
+            <el-form-item prop="captcha" style="display: flex;flex-wrap: nowrap;flex-direction: row;align-items: center">
+              <div style="display: flex;flex-wrap: nowrap;align-items: center;justify-content: space-evenly">
+                <el-input
+                    prefix-icon="el-icon-mobile-phone"
+                    type="text"
+                    placeholder="验证码"
+                    v-model="registerFrom.captcha"
+                    class="vertify_code"
+                    auto-complete="false"
+                    style=""
+                ></el-input>
+                <el-button style="margin-left: 5px" @click="sendEmail" type="success" :disabled="!showTime">
+                  获取验证码
+                  <span v-show="!showTime" class="count">({{sendTime}}s)</span>
+                </el-button>
+              </div>
+
+
             </el-form-item>
             <div class="login-btn" style="display: flex;flex-direction: row;justify-content: space-between">
               <el-button type="primary" @click="submitRegisterForm('ruleForm')" >注册
diff --git a/src/components/setting/SettingHeader.vue b/src/components/setting/layout/SettingHeader.vue
similarity index 100%
rename from src/components/setting/SettingHeader.vue
rename to src/components/setting/layout/SettingHeader.vue
diff --git a/src/components/setting/SettingLeftSide.vue b/src/components/setting/layout/SettingLeftSide.vue
similarity index 100%
rename from src/components/setting/SettingLeftSide.vue
rename to src/components/setting/layout/SettingLeftSide.vue
diff --git a/src/components/setting/SettingMainHeader.vue b/src/components/setting/layout/SettingMainHeader.vue
similarity index 100%
rename from src/components/setting/SettingMainHeader.vue
rename to src/components/setting/layout/SettingMainHeader.vue
diff --git a/src/components/setting/SettingPage.vue b/src/components/setting/layout/SettingPage.vue
similarity index 99%
rename from src/components/setting/SettingPage.vue
rename to src/components/setting/layout/SettingPage.vue
index 791f301..d28b974 100644
--- a/src/components/setting/SettingPage.vue
+++ b/src/components/setting/layout/SettingPage.vue
@@ -184,7 +184,7 @@
 
 <script>
 // import $ from 'jquery'
-import SettingMainHeader from "@/components/setting/SettingMainHeader.vue";
+import SettingMainHeader from "@/components/setting/layout/SettingMainHeader.vue";
 
 export default {
   name:"SettingPage",
diff --git a/src/components/setting/system/AppearanceSettings.vue b/src/components/setting/system/AppearanceSettings.vue
new file mode 100644
index 0000000..6a6cd03
--- /dev/null
+++ b/src/components/setting/system/AppearanceSettings.vue
@@ -0,0 +1,11 @@
+<template>
+<div>
+
+</div>
+</template>
+<script>
+
+</script>
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 7298af3..c259674 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,7 +6,7 @@ import news from "@/components/hotNews/HotNews.vue";
 import navDetail from "@/components/detail/NavDetail.vue";
 import notFound from "@/components/notFound/NotFound.vue";
 import settings from "@/views/Settings.vue";
-import settingsHome from "@/components/setting/SettingPage.vue";
+import settingsHome from "@/components/setting/layout/SettingPage.vue";
 const originalPush = VueRouter.prototype.push
 VueRouter.prototype.push = function push(location) {
   return originalPush.call(this, location).catch(err => err)
diff --git a/src/utils/request.js b/src/utils/request.js
index 4b49eaa..c164afe 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -50,7 +50,7 @@ service.interceptors.response.use(response => {
                 break;
             case 404:
                 error.message = '请求错误,未找到该资源'
-                window.location.href = "/notFound"
+                window.location.href = "/404"
                 break;
             case 405:
                 error.message = '请求方法未允许'
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index d069cdc..cd10ee3 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -29,8 +29,8 @@
 
 <script>
 // @ is an alias to /src
-import SettingHeader from "@/components/setting/SettingHeader.vue";
-import SettingLeftSide from "@/components/setting/SettingLeftSide.vue";
+import SettingHeader from "@/components/setting/layout/SettingHeader.vue";
+import SettingLeftSide from "@/components/setting/layout/SettingLeftSide.vue";
 
 
 export default {