廢話先很少說,代碼就是以下這麼簡單.html
var express = require('express') var app = express() app.use(express.static('./dist')) //指定目錄 app.get('/', function (req, res) { res.send('Hello World') }) app.listen(3000)
下面這個是參考文檔裏的寫法前端
var http = require('http'); var express = require('express'); var app = express(); app.use("/public", express.static(__dirname + '/public')); //訪問路徑寫到一塊兒了 // 建立服務端 http.createServer(app).listen('80', function() { console.log('啓動服務器完成'); });
而後執行 node app.js
就能夠啓動服務器了. app.js 就是上面配置所保存的文件名.node
<!--more-->web
上面用的是express
,用http-server
的話就更簡單,不須要本身寫配置直接用命令就能夠啓動了.數據庫
//若是你的當前項目中存在 public 文件夾,那麼默認靜態目錄會指定到 public //若是沒有 public 文件夾,那麼靜態目錄就是 根目錄 //因此要哪一個目錄充當靜態服務器的根目錄 就得進入哪一個目錄執行下面命令 http-server -a 127.0.0.1 -p 7070
下面開始嘮叨:express
由於如今作動靜分離的後臺程序,因此須要前端的靜態服務器.在本地時單擊打開靜態文件,有時由於所需插件緣由.
也是沒法打開的,必須放在靜態服務器.因此這時就須要上面的東西了.
關於設置靜態服務器的必要性 看看這裏 是否有必要爲網站的靜態資源設置一個單獨的服務器?能瞭解到很多東西.segmentfault
這兩個搭建服務器的插件 express
和 http-server
都得先安裝才能用.不過呢 由於項目裏有時用到別的插件.
好比 webpace
的時候 express
就不用特別安裝了.由於已經包涵在裏面.可是http-server
使用的範圍不是那麼廣,因此必須安裝.後端
還有就是下面參考文檔裏說,http-server
比express
要小巧,不過從下載的包來看,並非如此.可能指的的是功能上吧. 並且express
能夠操做數據庫,這可能對我要寫的程序有點用處.服務器
Node.js用6行代碼1個JS文件搭建一個HTTP靜態服務器
隨筆 http-server 快速建立node.js 靜態服務器
http-server Angular.js 後端node服務首選 輕量級替換 Express 解決方案app