add mock data

Author: xiaoping6688

build/dev-server.js

@@ -2,6 +2,7 @@ require('./check-versions')()
 var config = require('../config')
 if (!process.env.NODE_ENV) process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
 var path = require('path')
+var fs = require('fs')
 var express = require('express')
 var webpack = require('webpack')
 var opn = require('opn')
@@ -44,6 +45,13 @@ Object.keys(proxyTable).forEach(function (context) {
   app.use(proxyMiddleware(context, options))
 })
 
+// mock data
+var mockDir = path.resolve(__dirname, '../mock')
+fs.readdirSync(mockDir).forEach(function (file) {
+  var mock = require(path.resolve(mockDir, file))
+  app.use(mock.api, mock.response)
+})
+
 // handle fallback for HTML5 history API
 app.use(require('connect-history-api-fallback')())
 

config/index.js

@@ -22,10 +22,10 @@ module.exports = {
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
     proxyTable: {
-      // '/edu_rest/**': {
-      //   target: 'http://www/api',
-      //   changeOrigin: true
-      // }
+      '/edu_rest/**': {
+        target: 'http://other.domain/api',
+        changeOrigin: true
+      }
     },
     // CSS Sourcemaps off by default because relative paths are "buggy"
     // with this option, according to the CSS-Loader README

mock/get_regions.js

@@ -0,0 +1,17 @@
+const faker = require('faker')
+faker.locale = 'zh_CN'
+
+module.exports = {
+  api: '/mock/edu_rest/acquire_campus/:id',
+  response: function (req, res) {
+    res.json({
+      rlt: 'true',
+      msg: 'ok',
+      data: [
+        { id: faker.random.uuid(), name: faker.random.words() },
+        { id: faker.random.uuid(), name: faker.random.words() },
+        { id: faker.random.uuid(), name: faker.random.words() }
+      ]
+    })
+  }
+}

mock/login.js

@@ -0,0 +1,12 @@
+const faker = require('faker')
+
+module.exports = {
+  api: '/mock/edu_rest/org_login',
+  response: function (req, res) {
+    res.json({
+      rlt: 'true',
+      msg: 'ok',
+      data: faker.random.uuid()
+    })
+  }
+}

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "vue-project-demo",
+  "name": "vue-spa-project",
   "version": "1.0.0",
-  "description": "教务系统 Demo",
+  "description": "基于Vue.js技术栈的教务管理系统 Demo",
   "author": "super_xp@126.com",
   "private": true,
   "scripts": {
@@ -56,6 +56,7 @@
     "eventsource-polyfill": "^0.9.6",
     "express": "^4.14.0",
     "extract-text-webpack-plugin": "^1.0.1",
+    "faker": "^4.0.0",
     "file-loader": "^0.9.0",
     "friendly-errors-webpack-plugin": "^1.1.2",
     "function-bind": "^1.1.0",

src/services/API.js

@@ -2,8 +2,9 @@
  * 接口配置
  */
 
-// const BaseUrl = 'http://www/api'
-const BaseUrl = '' // for local proxy
+// const BaseUrl = 'http://www/api' // for production
+// const BaseUrl = '' // for local poxy
+const BaseUrl = '/mock' // for local mock test
 
 export const LOGIN = BaseUrl + '/edu_rest/org_login' // 登录
 export const REGIST = BaseUrl + '/edu_rest/org_register' // 注册