diff --git a/README-zh_CN.md b/README-zh_CN.md
index 96af8fd7b..eb281f7c3 100644
--- a/README-zh_CN.md
+++ b/README-zh_CN.md
@@ -146,6 +146,14 @@ swag init
 
 ![架构图](./docs/gin-vue-admin.png)
 
+<p style="text-align: center">架构图</p>
+
+
+
+![前端架构图](http://qmplusimg.henrongyi.top/naotu.png)
+
+<a style="text-align: center">前端结构图 提供者:<a href="https://github.com/baobeisuper">baobeisuper</a></p>
+
 ```
     ├─server  	     （后端文件夹）
     │  ├─api            （API）
diff --git a/README.md b/README.md
index 4f632b825..80225946b 100644
--- a/README.md
+++ b/README.md
@@ -146,6 +146,13 @@ After executing the above command，`docs` will show in `server/`，then open yo
 
 ![Architecture diagram](./docs/gin-vue-admin.png)
 
+<p style="text-align: center">Architecture diagram</p>
+
+
+![Front-end Architecture diagram](http://qmplusimg.henrongyi.top/naotu.png)
+
+<a style="text-align: center">Front-end Architecture diagram Provider:<a href="https://github.com/baobeisuper">baobeisuper</a></p>
+
 ```
     ├─server  	     （backend）
     │  ├─api            （API entrance）