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

2021-09-08 04:01:35 字數 1455 閱讀 4833

工作中可能會用到的小工具,在此記錄一下。可以實現的功能有:

本地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');

//web伺服器

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 license isc devdependencies 執行npm ins...

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

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

本地伺服器搭建服務 svn

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