node.js 核心http模塊，起一個服務器，返回一個頁面
阿新 • • 發佈：2017-09-10
代碼 utf utf-8 瀏覽器渲染 設置 shee rip span 渲染
let http=require("http"); //引入核心http模塊 let fs=require("fs"); let mime={ ‘.js‘:‘application/javascript‘, ‘.css‘:‘text/css‘ } //創建一個函數，req代表客戶端，res代表服務器可寫流 let listener=(req,res)=>{ //res是可寫流，有write和end if(req.url==="/"){ //設置編碼 res.setHeader(‘Content-Type‘,‘text/html;charset=utf-8‘); fs.createReadStream(‘index.html‘).pipe(res); }else{ if(fs.existsSync(`.${req.url}`)) { res.setHeader(‘Content-Type‘,mime[req.url.match(/\.\w+$/)[0]] +‘;charset=utf-8‘); fs.createReadStream(`.${req.url}`).pipe(res); }else{ res.statusCode=404; res.end(); } } } let port=8080; //創建一個服務，放入一個監聽函數， let server=http.createServer(listener); // server.listen(port,function () { //啟動成功後 console.log(`start${port}`); })
看上面代碼，我們需要先創建三個文件
index.html
index.css
index.js
html文件裏面，我們要引進css和js文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--服務端引用路徑不支持相對路徑--> <link rel="stylesheet" href="index.css"> <script src="index.js"></script> </head> <body> <div>你好，帥嗎</div> </body> </html>
我們運行上面js文件時候，就會創建一個靜態服務器，端口8080
然後返回客戶端一個index.html文件
瀏覽器渲染這個html文件，我們對應的css和js就加載進去了
node.js 核心http模塊，起一個服務器，返回一個頁面