1. 程式人生 > >node起一個簡單服務,打開本地項目或文件瀏覽

node起一個簡單服務,打開本地項目或文件瀏覽

utf html vue content 名稱 控制臺 AC 運行 -type

1、安裝nodejs

2、在項目文件夾目錄下創建一個js文件,命名server.js(自定義名稱),內容如下

var http = require(‘http‘);
var fs = require(‘fs‘);//引入文件讀取模塊

var documentRoot = ‘D:/test/prerender-spa-plugin/examples/vue2-webpack-router/dist‘;
//需要訪問的文件的存放目錄(項目所在位置的文件夾路徑)

var server= http.createServer(function(req,res){

    var url = req.url; 
    
//客戶端輸入的url,例如如果輸入localhost:8888/index.html //那麽這裏的url == /index.html var file = documentRoot + url; console.log(url); //E:/PhpProject/html5/websocket/www/index.html fs.readFile( file , function(err,data){ /* 一參為文件路徑 二參為回調函數 回調函數的一參為讀取錯誤返回的信息,返回空就沒有錯誤 二參為讀取成功返回的文本內容
*/ if(err){ res.writeHeader(404,{ ‘content-type‘ : ‘text/html;charset="utf-8"‘ }); res.write(‘<h1>404錯誤</h1><p>你要找的頁面不存在</p>‘); res.end(); }else{ res.writeHeader(200,{
‘content-type‘ : ‘text/html;charset="utf-8"‘ }); res.write(data);//將index.html顯示在客戶端 res.end(); } }); }).listen(8080); console.log(‘服務器開啟成功‘);

3、打開命令窗口,cd到項目目錄下,運行node server.js,控制臺會輸出“服務器開啟成功”

4、在瀏覽器中輸入“localhost:8080/”+你要訪問的文件名稱;例如localhost:8080/index.html

轉載地址:https://www.cnblogs.com/lengyue0030/p/7458741.html

node起一個簡單服務,打開本地項目或文件瀏覽