diff --git a/src/main.js b/src/main.js
index b836020e..6884f154 100755
--- a/src/main.js
+++ b/src/main.js
@@ -23,6 +23,9 @@ import '@/components'
 // 异步请求库
 import '@/plugin/axios'
 
+// mock接口设置
+import '@/mock/index.js'
+
 // vuex
 import store from '@/store/index.js'
 
diff --git a/src/mock/index.js b/src/mock/index.js
new file mode 100644
index 00000000..fb4e6a05
--- /dev/null
+++ b/src/mock/index.js
@@ -0,0 +1,8 @@
+import Mock from 'mockjs'
+
+Mock.mock('/abc', {
+  'list|1-10': [{
+    'id|+1': 1,
+    'email': '@EMAIL'
+  }]
+})
diff --git a/src/pages/demo/plugins/mock/ajax.vue b/src/pages/demo/plugins/mock/ajax.vue
index 9dcdd521..3ea7142d 100644
--- a/src/pages/demo/plugins/mock/ajax.vue
+++ b/src/pages/demo/plugins/mock/ajax.vue
@@ -1,7 +1,45 @@
 <template>
   <Container type="ghost">
     <el-card>
-      Hello
+      <div slot="header">
+        <el-button @click="ajax">发送请求</el-button>
+      </div>
+      <el-table v-bind="table" style="width: 100%">
+        <el-table-column
+          v-for="(item, index) in table.columns"
+          :key="index"
+          :prop="item.prop"
+          :label="item.label">
+        </el-table-column>
+      </el-table>
     </el-card>
   </Container>
-</template>
\ No newline at end of file
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      table: {
+        columns: [],
+        data: [],
+        size: 'mini',
+        stripe: true,
+        border: true
+      }
+    }
+  },
+  methods: {
+    ajax () {
+      this.$axios.get('/abc')
+      .then(res => {
+        this.table.columns = Object.keys(res.data.list[0]).map(e => ({
+          label: e,
+          prop: e
+        }))
+        this.table.data = res.data.list
+      })
+    }
+  }
+}
+</script>