利用gulp搭建本地伺服器,並能模擬ajax

2021-07-25 10:56:21 字數 1163 閱讀 6398

實現本地http伺服器,頁面實時重新整理,可以模擬ajax請求

新建package.json檔案。用到了gulp、gulp-webserver、gulp-livereload,package.json的內容如下:

,

"author": "",

"license": "isc",

"devdependencies":

}

執行npm install安裝所需的包

建立目錄結構

其中,www是站點的根目錄,用於放置html/js/css等靜態檔案,api是用於放置模擬ajax請求的js檔案,如test.js。則ajax請求/api/test的時候,返回改檔案的內容,是乙個json物件。

編寫gulpfile.js;gulpfile.js內容如下:

var url = require('url');

var fs = require('fs');

var path = require('path');

gulp = require('gulp');

livereload = require('gulp-livereload');

webserver = require('gulp-webserver');

gulp.task('webserver', function() ,

middleware: function(req, res, next)

var mockdatafile = path.join(__dirname, urlobj.pathname) + ".js";

//file exist or not

fs.access(mockdatafile, fs.f_ok, function(err) ));

return;

}var data = fs.readfilesync(mockdatafile, 'utf-8');

res.end(data);

});next();

},proxies:

}));

});// 預設任務

gulp.task('default', ['webserver']);

執行gulp命令,會自動開啟瀏覽器,在8000埠起了http服務。就可以看到你的頁面了。

利用gulp搭建本地伺服器,並能模擬ajax

工作中可能會用到的小工具,在此記錄一下。可以實現的功能有 本地http伺服器 頁面實時重新整理 可以模擬ajax請求 第一步,新建package.json檔案。用到了gulp gulp webserver gulp livereload package.json的內容如下 author licens...

利用gulp搭建本地伺服器,並能模擬ajax

工作中可能會用到的小工具,在此記錄一下。可以實現的功能有 本地http伺服器 頁面實時重新整理 可以模擬ajax請求 第一步,新建package.json檔案。用到了gulp gulp webserver gulp livereload package.json的內容如下 author licens...

本地伺服器搭建服務 svn

svn 使用visualsvn server 視覺化svn 服務搭建,適合小白 簡單又快捷,深入了解命令列方式等高手請移步官網看教程 1.官網 安裝完畢後,啟動並開啟,建立版本庫 定義使用者,定義組 滑鼠放在user 與groups 上右鍵 add 定義版本庫許可權 新增組或者新增成員都可以。小烏龜...