diff --git a/src/api/demo.playground.log.ajax.js b/src/api/demo.playground.log.ajax.js
new file mode 100644
index 00000000..e5edc8a5
--- /dev/null
+++ b/src/api/demo.playground.log.ajax.js
@@ -0,0 +1,8 @@
+import request from '@/plugin/axios'
+
+export function getInvalidUrl () {
+  return request({
+    url: '/invalid-url',
+    method: 'get'
+  })
+}
diff --git a/src/menu/modules/demo-playground.js b/src/menu/modules/demo-playground.js
index 1c884574..c5957a2c 100644
--- a/src/menu/modules/demo-playground.js
+++ b/src/menu/modules/demo-playground.js
@@ -93,6 +93,7 @@ export default {
       children: [
         { path: `${pre}log/log`, title: '日志记录', icon: 'dot-circle-o' },
         { path: `${pre}log/error`, title: '错误捕捉', icon: 'bug' },
+        { path: `${pre}log/ajax`, title: 'Ajax 错误', icon: 'bug' },
         { path: `${pre}log/console`, title: '控制台日志', icon: 'lightbulb-o' }
       ]
     },
diff --git a/src/router/modules/playground.js b/src/router/modules/playground.js
index f6093188..c6eb445a 100644
--- a/src/router/modules/playground.js
+++ b/src/router/modules/playground.js
@@ -33,9 +33,10 @@ export default {
     { path: 'db/page-user', name: `${pre}db-page-user`, component: _import('demo/playground/db/page-user'), meta: { ...meta, title: '私有路由存储' } },
     { path: 'db/page-snapshot-public', name: `${pre}db-page-snapshot-public`, component: _import('demo/playground/db/page-snapshot-public'), meta: { ...meta, title: '路由快照' } },
     { path: 'db/page-snapshot-user', name: `${pre}db-page-snapshot-user`, component: _import('demo/playground/db/page-snapshot-user'), meta: { ...meta, title: '私有路由快照' } },
-    { path: 'log/log', name: `${pre}log-log`, component: _import('demo/playground/log/log'), meta: { ...meta, title: '日志记录' } },
-    { path: 'log/error', name: `${pre}log-error`, component: _import('demo/playground/log/error'), meta: { ...meta, title: '错误捕捉' } },
+    { path: 'log/ajax', name: `${pre}log-ajax`, component: _import('demo/playground/log/ajax'), meta: { ...meta, title: 'Ajax 错误' } },
     { path: 'log/console', name: `${pre}log-console`, component: _import('demo/playground/log/console'), meta: { ...meta, title: '控制台日志' } },
+    { path: 'log/error', name: `${pre}log-error`, component: _import('demo/playground/log/error'), meta: { ...meta, title: '错误捕捉' } },
+    { path: 'log/log', name: `${pre}log-log`, component: _import('demo/playground/log/log'), meta: { ...meta, title: '日志记录' } },
     { path: 'env', name: `${pre}env`, component: _import('demo/playground/env'), meta: { ...meta, title: '环境信息' } }
   ])('demo-playground-')
 }
diff --git a/src/views/demo/playground/log/ajax/index.vue b/src/views/demo/playground/log/ajax/index.vue
new file mode 100644
index 00000000..0ef292b6
--- /dev/null
+++ b/src/views/demo/playground/log/ajax/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <d2-container :filename="filename">
+    <template slot="header">Ajax 错误</template>
+    <p class="d2-mt-0">请打开浏览器控制台，然后点击下面的按钮，尝试访问一个不存在的网络地址</p>
+    <el-button type="danger" @click="handleClick">请求错误的地址</el-button>
+    <p>此错误已经被记录在日志页面，并在页面右上"日志按钮"区域显示提示信息</p>
+  </d2-container>
+</template>
+
+<script>
+import { getInvalidUrl } from '@api/demo.playground.log.ajax.js'
+export default {
+  data () {
+    return {
+      filename: __filename
+    }
+  },
+  methods: {
+    handleClick () {
+      getInvalidUrl()
+    }
+  }
+}
+</script>
diff --git a/src/views/demo/playground/log/error/index.vue b/src/views/demo/playground/log/error/index.vue
index 973e6b87..95a25c21 100644
--- a/src/views/demo/playground/log/error/index.vue
+++ b/src/views/demo/playground/log/error/index.vue
@@ -3,6 +3,7 @@
     <template slot="header">捕获错误信息</template>
     <p class="d2-mt-0">请打开浏览器控制台，然后点击下面的按钮</p>
     <el-button type="danger" @click="handleNewError">触发一个错误</el-button>
+    <p>此错误已经被记录在日志页面，并在页面右上"日志按钮"区域显示提示信息</p>
   </d2-container>
 </template>
 
diff --git a/src/views/demo/playground/log/log/index.vue b/src/views/demo/playground/log/log/index.vue
index eee1a6c8..05f66de3 100644
--- a/src/views/demo/playground/log/log/index.vue
+++ b/src/views/demo/playground/log/log/index.vue
@@ -8,6 +8,7 @@
       class="d2-mr-10"
       style="width: 200px;"/>
     <el-button type="primary" @click="handleAdd">记录</el-button>
+    <p>此信息已经被记录在日志页面，并在页面右上"日志按钮"区域显示提示信息</p>
   </d2-container>
 </template>