前端本地mock數據gulp工具gulp-mock-sever

在前端開發和調試過程當中常常會碰到服務器不穩定的問題，就考慮到如果能在本地開啓一個用來mock數據的服務器就行了。因而便產生了gulp-mock-server工具，工具特色以下

一.簡單易用

對服務器進行簡單配置，開啓服務後，項目根目錄下建立一個命名爲data的文件夾，把須要mock的json數據丟到裏面，訪問鏈接就能直接訪問到
例如:文件路徑'/data/test.json'對應訪問url是'域名+/test'

二.支持jsonp

對於跨於訪問，不支持jsonp那可不行，工具固然爲你想到了，無需配置，自然支持jsonp

三.支持內嵌目錄

爲了data文件夾下的mock數據易於維護和整理，工具支持data文件夾下內嵌目錄.
例如:文件路徑'/data/class/xiaoming.json'對應訪問url是'域名+/class/xiaoming'

四.支持url訪問路徑相同，參數關鍵字不一樣，訪問文件不一樣

若是是get請求參數帶有關鍵字/test?mt=123，那麼最終訪問的data下的文件名爲test123.json,post請求和這個同樣

具體使用方式：

1. 安裝 npm install --save-dev gulp-mock-server

2. 根目錄下新建命名爲data的文件夾，放入要mock的json文件，例如：test.json

3. gulpfile配置webserver

4. 啓動gulp任務,訪問路徑 localhost:8090/test

gulp配置代碼以下：

var gulp = require('gulp');
var mockServer = require('gulp-mock-server');

gulp.task('mock', function() {
  gulp.src('.')
    .pipe(webserver({
      livereload: false,
      directoryListing: true,
      port: 8090,
      open: true
    }));
});

最後

gulp-mock-server的不少特色都是本身在使用過程當中不斷加進來的,這個項目我也會一直維護，但願你們有什麼好的建議均可以提給我。開源地址

推薦兩篇好文：
http://segmentfault.com/a/1190000002668509
http://segmentfault.com/a/1190000002413526