diff --git a/src/router/index.js b/src/router/index.js
index 0545ef9..269fa0d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,6 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
-import index from '@/pages/index/index'
+import index from '@/views'
 
 Vue.use(VueRouter)
 
diff --git a/src/pages/index/view/CodemirrorEditor.vue b/src/views/CodemirrorEditor.vue
similarity index 96%
rename from src/pages/index/view/CodemirrorEditor.vue
rename to src/views/CodemirrorEditor.vue
index a132346..290eade 100644
--- a/src/pages/index/view/CodemirrorEditor.vue
+++ b/src/views/CodemirrorEditor.vue
@@ -94,11 +94,11 @@
   </div>
 </template>
 <script>
-import editorHeader from '../../../components/CodemirrorEditor/header'
-import aboutDialog from '../../../components/CodemirrorEditor/aboutDialog'
-import insertFormDialog from '../../../components/CodemirrorEditor/insertForm'
-import rightClickMenu from '../../../components/CodemirrorEditor/rightClickMenu'
-import uploadImgDialog from '../../../components/CodemirrorEditor/uploadImgDialog'
+import editorHeader from '../components/CodemirrorEditor/header'
+import aboutDialog from '../components/CodemirrorEditor/aboutDialog'
+import insertFormDialog from '../components/CodemirrorEditor/insertForm'
+import rightClickMenu from '../components/CodemirrorEditor/rightClickMenu'
+import uploadImgDialog from '../components/CodemirrorEditor/uploadImgDialog'
 
 import {
   css2json,
@@ -109,10 +109,10 @@ import {
   saveEditorContent,
   customCssWithTemplate,
   checkImage,
-} from '../../../assets/scripts/util'
+} from '../assets/scripts/util'
 
-import { toBase64 } from '../../../assets/scripts/util'
-import fileApi from '../../../api/file'
+import { toBase64 } from '../assets/scripts/util'
+import fileApi from '../api/file'
 
 require(`codemirror/mode/javascript/javascript`)
 import { mapState, mapMutations } from 'vuex'
@@ -605,7 +605,7 @@ export default {
     width: 50px;
     height: 50px;
     transform: translate(-50%, -50%);
-    background: url('../../../assets/images/favicon.png') no-repeat;
+    background: url('../assets/images/favicon.png') no-repeat;
     background-size: cover;
   }
   span {
@@ -655,5 +655,5 @@ export default {
 }
 </style>
 <style lang="less" scoped>
-@import url('../../../assets/less/app.less');
+@import url('../assets/less/app.less');
 </style>
diff --git a/src/pages/index/index.vue b/src/views/index.vue
similarity index 84%
rename from src/pages/index/index.vue
rename to src/views/index.vue
index f34e309..099c121 100644
--- a/src/pages/index/index.vue
+++ b/src/views/index.vue
@@ -6,8 +6,9 @@
 </template>
 
 <script>
-import Loading from '../../components/Loading'
-import CodemirrorEditor from './view/CodemirrorEditor'
+import Loading from '../components/Loading'
+import CodemirrorEditor from './CodemirrorEditor'
+
 export default {
   name: `App`,
   components: {
@@ -32,10 +33,12 @@ export default {
 .fade-leave-to {
   opacity: 0;
 }
+
 .fade-enter-to,
 .fade-leave {
   opacity: 1;
 }
+
 .fade-enter-active,
 .fade-leave-active {
   transition: all 1s;