diff --git a/src/components/layout/GloablFooter.vue b/src/components/layout/GlobalFooter.vue
similarity index 97%
rename from src/components/layout/GloablFooter.vue
rename to src/components/layout/GlobalFooter.vue
index dd586db..33ab390 100644
--- a/src/components/layout/GloablFooter.vue
+++ b/src/components/layout/GlobalFooter.vue
@@ -14,7 +14,7 @@
 <script>
 import AIcon from 'vue-antd-ui/es/icon/icon'
 export default {
-  name: 'GloablFooter',
+  name: 'GlobalFooter',
   components: {AIcon}
 }
 </script>
diff --git a/src/components/layout/GloablHeader.vue b/src/components/layout/GlobalHeader.vue
similarity index 98%
rename from src/components/layout/GloablHeader.vue
rename to src/components/layout/GlobalHeader.vue
index 15857cd..b731fd4 100644
--- a/src/components/layout/GloablHeader.vue
+++ b/src/components/layout/GlobalHeader.vue
@@ -26,7 +26,7 @@ import HeaderAvatar from './HeaderlAvatar'
 const ALayoutSider = ALayout.Sider
 const ALayoutHeader = ALayout.Header
 export default {
-  name: 'GloablHeader',
+  name: 'GlobalHeader',
   components: {
     HeaderAvatar,
     ATooltip,
diff --git a/src/components/layout/GloablLayout.vue b/src/components/layout/GlobalLayout.vue
similarity index 93%
rename from src/components/layout/GloablLayout.vue
rename to src/components/layout/GlobalLayout.vue
index 050b782..1651c32 100644
--- a/src/components/layout/GloablLayout.vue
+++ b/src/components/layout/GlobalLayout.vue
@@ -23,10 +23,10 @@
 
 <script>
 import ALayout from 'vue-antd-ui/es/layout'
-import GloablHeader from './GloablHeader'
+import GlobalHeader from './GlobalHeader'
 import AIcon from 'vue-antd-ui/es/icon/icon'
 import IMenu from '../menu/menu'
-import GloablFooter from './GloablFooter'
+import GlobalFooter from './GlobalFooter'
 
 const ALayoutSider = ALayout.Sider
 const ALayoutHeader = ALayout.Header
@@ -37,11 +37,11 @@ const minHeight = window.innerHeight - 64 - 48
 let menuData = []
 
 export default {
-  name: 'GloablLayout',
+  name: 'GlobalLayout',
   components: {
-    GloablFooter,
+    GlobalFooter,
     AIcon,
-    GloablHeader,
+    GlobalHeader,
     ALayout,
     ALayoutSider,
     ALayoutHeader,
diff --git a/src/components/layout/MenuView.vue b/src/components/layout/MenuView.vue
index c0af344..45a9ee7 100644
--- a/src/components/layout/MenuView.vue
+++ b/src/components/layout/MenuView.vue
@@ -1,14 +1,14 @@
 <template>
-  <gloabl-layout>
+  <global-layout>
     <router-view />
-  </gloabl-layout>
+  </global-layout>
 </template>
 
 <script>
-import GloablLayout from './GloablLayout'
+import GlobalLayout from './GlobalLayout'
 export default {
   name: 'MenuView',
-  components: {GloablLayout}
+  components: {GlobalLayout}
 }
 </script>
 
diff --git a/src/components/login/Login.vue b/src/components/login/Login.vue
index 718221b..e9206b8 100644
--- a/src/components/login/Login.vue
+++ b/src/components/login/Login.vue
@@ -67,14 +67,14 @@
         </a-form>
       </div>
     </div>
-    <gloabl-footer />
+    <global-footer />
   </div>
 </template>
 
 <script>
 import AForm from 'vue-antd-ui/es/form/Form'
 import ATabs from 'vue-antd-ui/es/tabs'
-import GloablFooter from '../layout/GloablFooter'
+import GlobalFooter from '../layout/GlobalFooter'
 import AFormItem from 'vue-antd-ui/es/form/FormItem'
 import AInput from 'vue-antd-ui/es/input/Input'
 import AIcon from 'vue-antd-ui/es/icon/icon'
@@ -97,7 +97,7 @@ export default {
     AIcon,
     AInput,
     AFormItem,
-    GloablFooter,
+    GlobalFooter,
     ATabPane,
     ATabs,
     AForm},