nodejs搭建本地服務器并訪問文件的方法

2019-11-19 17:20:33

字體：大中小

來源：轉載

供稿：網友

在本地建立目錄：f:/nodetest，在該目錄下新建index.html作為我們將要訪問的內容。新建server.js作為node開啟的入口:

$ cd f:/nodetest$ mkdir index.html$ mkdir server.js

index.html文件里簡單寫一點東西：

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>node Test</title>  <style type="text/css">    html,body{      margin: 0;      padding: 0;    }    .node{      width: 300px;      margin: 0 auto;      padding-top:100px;       text-align: center;    }    .node h1{      color:rgb(33,199,40);    }  </style></head><body>  <div class="node">    <h1>Hello Nodejs</h1>  </div></body></html>

接下來寫server.js:

const PORT = 8888; //訪問端口號8888  //端口號最好為6000以上var http = require('http'); //引入http模塊var fs = require('fs'); //引入fs模塊var url = require('url');//引入url模塊var path = require('path');//引入path模塊// req : 從瀏覽器帶來的請求信息// res : 從服務器返回給瀏覽器的信息var server = http.createServer(function(req,res){  var pathname = url.parse(req.url).pathname;;   //客戶端輸入的url，例如如果輸入localhost:8888/index.html，那么這里的url == /index.html    //url.parse()方法將一個URL字符串轉換成對象并返回，通過pathname來訪問此url的地址。  var realPath = path.join('F:/nodejs/nodetest',pathname);  //完整的url路徑  console.log(realPath);   // F:/nodejs/nodetest/index.html  fs.readFile(realPath,function(err,data){    /*    realPath為文件路徑    第二個參數為回調函數      回調函數的一參為讀取錯誤返回的信息，返回空就沒有錯誤      二參為讀取成功返回的文本內容    */    if(err){      //未找到文件      res.writeHead(404,{        'content-type':'text/plain'      });      res.write('404,頁面不在');      res.end();    }else{      //成功讀取文件      res.writeHead(200,{        'content-type':'text/html;charset="utf-8'      });      res.write(data);      res.end();    }  })});server.listen(PORT); //監聽端口console.log('服務成功開啟')

結果：