node 作為一門偏向后端的技術,提供了可以讓我們js 在服務器上運行的平台,為我們前端工程師實現項目前端工程化,帶來了眾多便利。同時,它也可以很方便的創建靜態服務器,可以直接連接數據庫、、、實現多種功能,可以說,對於一個前端工程師如果精通了 node ,那么開發效率可以大大的提高,下面就是一段 利用 node 搭建的一個項目服務器,來啟動項目並在默認瀏覽器里自動打開。
var http = require('http'), // 引入需要的模塊 fs = require('fs'),//引入文件讀取模塊 cp = require('child_process'), // 可自動打開瀏覽器模塊 url = require("url"), path = require("path"); http.createServer(function (req, res) { var pathname=__dirname+url.parse(req.url).pathname; // 對於文件路徑統一處理 if (path.extname(pathname)=="") { pathname+="/html/"; // 欲打開文件的目錄 } if (pathname.charAt(pathname.length-1)=="/"){ pathname+="index.html"; // 默認打開的文件 } fs.exists(pathname,function(exists){ if(exists){ switch(path.extname(pathname)){ // 不同文件返回不同類型 case ".html": res.writeHead(200, {"Content-Type": "text/html"}); break; case ".js": res.writeHead(200, {"Content-Type": "text/javascript"}); break; case ".css": res.writeHead(200, {"Content-Type": "text/css"}); break; case ".gif": res.writeHead(200, {"Content-Type": "image/gif"}); break; case ".jpg": res.writeHead(200, {"Content-Type": "image/jpeg"}); break; case ".png": res.writeHead(200, {"Content-Type": "image/png"}); break; default: res.writeHead(200, {"Content-Type": "application/octet-stream"}); } fs.readFile(pathname,function (err,data){ console.log((new Date()).toLocaleString() +" " +pathname); res.end(data); }); } else { // 找不到目錄 時的處理 res.writeHead(404, {"Content-Type": "text/html"}); res.end("<h1>404 Not Found</h1>"); } }); }).listen(8889, "127.0.0.1"); // 監聽端口 console.log("Server running at http://127.0.0.1:8889/"); cp.exec('start http://127.0.0.1:8889/'); // 自動打開默認瀏覽器