diff --git a/README-zh_CN.md b/README-zh_CN.md
index 96af8fd7bbb37b9e0c2ea2ef7ddb80b88056f0fb..eb281f7c35749f04ed7479df9a589a5578a08e18 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 4f632b825c8d6eeb63c6b26837994e3cedcaecaf..80225946bd6b2c8e957b85d0b1d2828151614460 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）