diff --git a/README.md b/README.md
index 8a714a3..b483286 100644
--- a/README.md
+++ b/README.md
@@ -85,8 +85,11 @@ $ -e MYSQL_DATABASE="spug"                    //指定数据库名称
 
 ### Preview 预览
 ----------------------------
-
-
+![image](https://github.com/openspug/spug/blob/master/docs/demo/login.gif)
+![image](https://github.com/openspug/spug/blob/master/docs/demo/user.gif)
+![image](https://github.com/openspug/spug/blob/master/docs/demo/host.gif)
+![image](https://github.com/openspug/spug/blob/master/docs/demo/publish.gif)
+![image](https://github.com/openspug/spug/blob/master/docs/demo/tasks.gif)
 
 ### Docs 开发者文档
 ----------------------------
diff --git a/docs/demo/host.gif b/docs/demo/host.gif
new file mode 100644
index 0000000..0da8dbd
Binary files /dev/null and b/docs/demo/host.gif differ
diff --git a/docs/demo/login.gif b/docs/demo/login.gif
new file mode 100644
index 0000000..e118fa2
Binary files /dev/null and b/docs/demo/login.gif differ
diff --git a/docs/demo/publish.gif b/docs/demo/publish.gif
new file mode 100644
index 0000000..ecf56ab
Binary files /dev/null and b/docs/demo/publish.gif differ
diff --git a/docs/demo/tasks.gif b/docs/demo/tasks.gif
new file mode 100644
index 0000000..071b819
Binary files /dev/null and b/docs/demo/tasks.gif differ
diff --git a/docs/demo/user.gif b/docs/demo/user.gif
new file mode 100644
index 0000000..e012fc9
Binary files /dev/null and b/docs/demo/user.gif differ
diff --git a/spug_web/src/config/env.js b/spug_web/src/config/env.js
index bdee59b..8a32429 100644
--- a/spug_web/src/config/env.js
+++ b/spug_web/src/config/env.js
@@ -1,8 +1,8 @@
 // 环境配置
 
-// 后端的接口地址
+// 后端API接口地址
 const envs = {
-    apiServer: 'http://192.168.1.101:3000',
+    apiServer: 'http://127.0.0.1:3000',
     request_timeout: 12000,
 };