diff --git a/README.md b/README.md
index ad6254d..3453fb1 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # vue3-element-admin
 
-这个模板使用了最新的 vue3 和 element-plus UI 框架，vite 构建工具、pinia 状态管理、vue-router 路由管理、mockjs 数据模拟。功能从 Vue Element Admin 移植而来，详细使用可以参考[该文档](https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/router-and-nav.html)。
+这个模板使用了最新的 vue3 和 element-plus UI 框架，vite 构建工具、pinia 状态管理、vue-router 路由管理、mockjs 数据模拟，并集成了 typescript。功能从 Vue Element Admin 移植而来，详细使用可以参考[该文档](https://vue3-element-admin-site.midfar.com/zh/guide/essentials/router-and-nav.html)。
 
 # 在线示例
 
diff --git a/mock/demo/_routes.js b/mock/demo/_routes.js
index faa10c9..3211d63 100644
--- a/mock/demo/_routes.js
+++ b/mock/demo/_routes.js
@@ -525,7 +525,7 @@ export const asyncRoutes = [
     component: 'layout/Layout',
     children: [
       {
-        path: 'https://github.com/PanJiaChen/vue-element-admin',
+        path: 'https://github.com/midfar/vue3-element-admin',
         meta: { title: 'External Link', icon: 'link' }
       }
     ]
diff --git a/src/components/GithubCorner/index.vue b/src/components/GithubCorner/index.vue
index 970faaf..127d185 100644
--- a/src/components/GithubCorner/index.vue
+++ b/src/components/GithubCorner/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <a href="https://github.com/PanJiaChen/vue-element-admin" target="_blank" class="github-corner" aria-label="View source on Github">
+  <a href="https://github.com/midfar/vue3-element-admin" target="_blank" class="github-corner" aria-label="View source on Github">
     <svg
       width="80"
       height="80"
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 2560761..f693c22 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script>
-// doc: https://panjiachen.github.io/vue-element-admin-site/feature/component/svg-icon.html#usage
+// doc: https://vue3-element-admin-site.midfar.com/feature/component/svg-icon.html#usage
 import { isExternal } from '@/utils/validate';
 import { defineComponent } from 'vue';
 
diff --git a/src/components/Tinymce/index.vue b/src/components/Tinymce/index.vue
index a3887eb..2cde0c9 100644
--- a/src/components/Tinymce/index.vue
+++ b/src/components/Tinymce/index.vue
@@ -11,7 +11,7 @@
 import { defineComponent } from 'vue';
 /**
  * docs:
- * https://panjiachen.github.io/vue-element-admin-site/feature/component/rich-editor.html#tinymce
+ * https://vue3-element-admin-site.midfar.com/feature/component/rich-editor.html#tinymce
  */
 import editorImage from './components/EditorImage';
 import plugins from './plugins';
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 15595c8..985bf44 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -34,10 +34,10 @@
             <router-link to="/">
               <el-dropdown-item>Dashboard</el-dropdown-item>
             </router-link>
-            <a target="_blank" href="https://github.com/PanJiaChen/vue-element-admin/">
+            <a target="_blank" href="https://github.com/midfar/vue3-element-admin">
               <el-dropdown-item>Github</el-dropdown-item>
             </a>
-            <a target="_blank" href="https://panjiachen.github.io/vue-element-admin-site/#/">
+            <a target="_blank" href="https://vue3-element-admin-site.midfar.com/">
               <el-dropdown-item>Docs</el-dropdown-item>
             </a>
             <el-dropdown-item divided @click="logout">
diff --git a/src/views/components-demo/tinymce.vue b/src/views/components-demo/tinymce.vue
index 13badf7..21e3331 100644
--- a/src/views/components-demo/tinymce.vue
+++ b/src/views/components-demo/tinymce.vue
@@ -2,7 +2,7 @@
   <div class="components-container">
     <aside>
       Rich text is a core feature of the management backend, but at the same time it is a place with lots of pits. In the process of selecting rich texts, I also took a lot of detours. The common rich texts on the market have been basically used, and I finally chose Tinymce. See the more detailed rich text comparison and introduction.
-      <a target="_blank" class="link-type" href="https://panjiachen.github.io/vue-element-admin-site/feature/component/rich-editor.html">Documentation</a>
+      <a target="_blank" class="link-type" href="https://vue3-element-admin-site.midfar.com/feature/component/rich-editor.html">Documentation</a>
     </aside>
     <div>
       <tinymce v-model="content" :height="300" />
diff --git a/src/views/documentation/index.vue b/src/views/documentation/index.vue
index a4553d6..620b4fa 100644
--- a/src/views/documentation/index.vue
+++ b/src/views/documentation/index.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="app-container documentation-container">
     <a class="document-btn" target="_blank"
-      href="https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/router-and-nav.html">国内文档</a>
+      href="https://vue3-element-admin-site.midfar.com/zh/guide/essentials/router-and-nav.html">国内文档</a>
     <a class="document-btn" target="_blank"
       href="https://github.com/midfar/vue3-element-admin">Github 仓库</a>
     <dropdown-menu class="document-btn" :items="articleList" title="系列文章" />
-    <!-- <a class="document-btn" target="_blank" href="https://panjiachen.github.io/vue-element-admin-site/zh/job/">内推招聘</a> -->
+    <!-- <a class="document-btn" target="_blank" href="https://vue3-element-admin-site.midfar.com/zh/job/">内推招聘</a> -->
   </div>
 </template>
 
diff --git a/src/views/error-log/index.vue b/src/views/error-log/index.vue
index 64331ae..d694fbf 100644
--- a/src/views/error-log/index.vue
+++ b/src/views/error-log/index.vue
@@ -5,7 +5,7 @@
     <h3>Please click the bug icon in the upper right corner</h3>
     <aside>
       Now the management system are basically the form of the spa, it enhances the user experience, but it also increases the possibility of page problems, a small negligence may lead to the entire page deadlock. Fortunately Vue provides a way to catch handling exceptions, where you can handle errors or report exceptions.
-      <a target="_blank" class="link-type" href="https://panjiachen.github.io/vue-element-admin-site/guide/advanced/error.html">
+      <a target="_blank" class="link-type" href="https://vue3-element-admin-site.midfar.com/guide/advanced/error.html">
         Document introduction
       </a>
     </aside>
diff --git a/src/views/example/components/Warning.vue b/src/views/example/components/Warning.vue
index 8d2a7e5..ac0f1a3 100644
--- a/src/views/example/components/Warning.vue
+++ b/src/views/example/components/Warning.vue
@@ -5,7 +5,7 @@
     effect, you can use a browser caching scheme such as localStorage. Or do not use keep-alive include to cache all
     pages directly. See details
     <a
-      href="https://panjiachen.github.io/vue-element-admin-site/guide/essentials/tags-view.html"
+      href="https://vue3-element-admin-site.midfar.com/guide/essentials/tags-view.html"
       target="_blank"
     >Document</a>
   </aside>
diff --git a/src/views/excel/export-excel.vue b/src/views/excel/export-excel.vue
index 4987daf..1585f18 100644
--- a/src/views/excel/export-excel.vue
+++ b/src/views/excel/export-excel.vue
@@ -8,7 +8,7 @@
       <el-button :loading="downloadLoading" style="margin:0 0 0 20px;" type="primary" :icon="IconDocument" @click="handleDownload">
         Export Excel
       </el-button>
-      <a href="https://panjiachen.github.io/vue-element-admin-site/feature/component/excel.html" target="_blank" style="margin-left:15px;">
+      <a href="https://vue3-element-admin-site.midfar.com/feature/component/excel.html" target="_blank" style="margin-left:15px;">
         <el-tag type="info" size="large">Documentation</el-tag>
       </a>
     </div>
diff --git a/src/views/icons/index.vue b/src/views/icons/index.vue
index 588455b..e68b4ed 100644
--- a/src/views/icons/index.vue
+++ b/src/views/icons/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="icons-container">
     <aside>
-      <a href="https://panjiachen.github.io/vue-element-admin-site/guide/advanced/icon.html" target="_blank">Add and use
+      <a href="https://vue3-element-admin-site.midfar.com/guide/advanced/icon.html" target="_blank">Add and use
       </a>
     </aside>
     <el-tabs type="border-card">
diff --git a/src/views/mydemo/WebSocketDemo.vue b/src/views/mydemo/WebSocketDemo.vue
index 80f4881..bffe91f 100644
--- a/src/views/mydemo/WebSocketDemo.vue
+++ b/src/views/mydemo/WebSocketDemo.vue
@@ -2,7 +2,7 @@
  * @Author: Cherry 2858937488@qq.com
  * @Date: 2023-03-14 10:40:55
  * @LastEditors: Cherry 2858937488@qq.com
- * @LastEditTime: 2023-03-16 14:30:55
+ * @LastEditTime: 2023-03-16 13:47:40
  * @FilePath: \vue3-admin\vue3-element-admin\src\views\mydemo\WebSocketDemo.vue
  * @Description: websocket
 -->
@@ -81,7 +81,7 @@
 
 <script lang="ts" setup>
 import { ref } from 'vue';
-import Socket from '@/utils/webSocket.js';
+import Socket from '@/utils/websocket.js';
 import webSocketStore from '@/store/modules/webSocket';
 import userStore from '@/store/modules/user';
 import { ElMessage } from 'element-plus';
diff --git a/src/views/theme/index.vue b/src/views/theme/index.vue
index a167474..3701da8 100644
--- a/src/views/theme/index.vue
+++ b/src/views/theme/index.vue
@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-card class="box-card">
       <template #header>
-        <a class="link-type link-title" target="_blank" href="https://panjiachen.github.io/vue-element-admin-site/guide/advanced/theme.html">
+        <a class="link-type link-title" target="_blank" href="https://vue3-element-admin-site.midfar.com/guide/advanced/theme.html">
           Theme documentation
         </a>
       </template>