From 8d783c5bc8dc9246440ee47cf22f2afeb24f97e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=9D=A8?= <1711467488@qq.com>
Date: Tue, 16 Jan 2018 09:13:15 +0800
Subject: [PATCH] no message

Former-commit-id: 347253b910c9c8fd2c5a7d563e5c59dff6759ea3
Former-commit-id: 11a8486ada0efc2244927c648ee96511b06b27dd
Former-commit-id: 2549cc4501bc5f40eccdba413c8ca458dae7a3b9
---
 src/mock/demo/001.js                         | 13 ++++++++
 src/mock/index.js                            |  9 +----
 src/pages/demo/plugins/mock/ajax.vue         |  5 +--
 static/markdownFiles/article/mock拦截ajax.md | 35 ++++++++++++++++++++
 4 files changed, 52 insertions(+), 10 deletions(-)
 create mode 100644 src/mock/demo/001.js
 create mode 100644 static/markdownFiles/article/mock拦截ajax.md

diff --git a/src/mock/demo/001.js b/src/mock/demo/001.js
new file mode 100644
index 00000000..706e7f69
--- /dev/null
+++ b/src/mock/demo/001.js
@@ -0,0 +1,13 @@
+import Mock from 'mockjs'
+
+Mock.mock('/api/demo/001', {
+  'list|4-10': [{
+    'id|+1': 1,
+    'name': '@CNAME',
+    'star|1-5': '★',
+    'delFlag|1': [0, 1],
+    'creatDate': '@DATE',
+    'address': '@CITY',
+    'zip': '@ZIP'
+  }]
+})
diff --git a/src/mock/index.js b/src/mock/index.js
index fb4e6a05..d250c2ae 100644
--- a/src/mock/index.js
+++ b/src/mock/index.js
@@ -1,8 +1 @@
-import Mock from 'mockjs'
-
-Mock.mock('/abc', {
-  'list|1-10': [{
-    'id|+1': 1,
-    'email': '@EMAIL'
-  }]
-})
+import '@/mock/demo/001'
diff --git a/src/pages/demo/plugins/mock/ajax.vue b/src/pages/demo/plugins/mock/ajax.vue
index 3ea7142d..88c6cc9e 100644
--- a/src/pages/demo/plugins/mock/ajax.vue
+++ b/src/pages/demo/plugins/mock/ajax.vue
@@ -4,7 +4,7 @@
       <div slot="header">
         <el-button @click="ajax">发送请求</el-button>
       </div>
-      <el-table v-bind="table" style="width: 100%">
+      <el-table v-bind="table" style="width: 100%" class="mb">
         <el-table-column
           v-for="(item, index) in table.columns"
           :key="index"
@@ -12,6 +12,7 @@
           :label="item.label">
         </el-table-column>
       </el-table>
+      <Markdown url="/static/markdownFiles/article/mock拦截ajax.md"></Markdown>
     </el-card>
   </Container>
 </template>
@@ -31,7 +32,7 @@ export default {
   },
   methods: {
     ajax () {
-      this.$axios.get('/abc')
+      this.$axios.get('/api/demo/001')
       .then(res => {
         this.table.columns = Object.keys(res.data.list[0]).map(e => ({
           label: e,
diff --git a/static/markdownFiles/article/mock拦截ajax.md b/static/markdownFiles/article/mock拦截ajax.md
new file mode 100644
index 00000000..3f2f9d9f
--- /dev/null
+++ b/static/markdownFiles/article/mock拦截ajax.md
@@ -0,0 +1,35 @@
+在 `src/mock/demo/001.js` 配置拦截返回的数据
+
+```
+import Mock from 'mockjs'
+
+Mock.mock('/api/demo/001', {
+  'list|4-10': [{
+    'id|+1': 1,
+    'name': '@CNAME',
+    'star|1-5': '★',
+    'delFlag|1': [0, 1],
+    'creatDate': '@DATE',
+    'address': '@CITY',
+    'zip': '@ZIP'
+  }]
+})
+```
+
+请求数据
+
+```
+ajax () {
+  this.$axios.get('/api/demo/001')
+  .then(res => {
+    this.table.columns = Object.keys(res.data.list[0]).map(e => ({
+      label: e,
+      prop: e
+    }))
+    this.table.data = res.data.list
+  })
+}
+```
+
+
+