nodejs搭建靜態伺服器 用Nodejs搭建伺服器訪問html、css、js等外部連結
阿新 • • 發佈：2018-12-23
第一步，俗話說的好，工欲善其事，必先利其器。既然要用node+express配置伺服器，如果電腦上沒有的話自然要先安裝這兩個大寶貝啦。
1.安裝node。到Node官網下載安裝即可，直接下一步下一步就完成了。
2.npm初始化專案。開啟終端，輸入npm init -y即可。注意：如果不輸入-y要自己寫一些配置，寫了-y會預設直接生成一個package.json檔案。
3.安裝Express。在終端輸入 npm i S express回車即可
第二步，編寫Express配置檔案。新建一個app.js檔案（檔名可隨意，但不要使用關鍵字）
var express = require('express');
var path = require('path');
var app = express();
[color=#ff0000]app.use(express.static(path.join(__dirname, 'public')));[/color]
app.listen(4444, function() {
console.log('App listening at port 8080;');
});
其中最主要的部分是app.use(express.static(path.join(__dirname, 'public'))) ，該行程式碼是在express新增中介軟體，設定靜態資源路徑為public，所有的HTML、CSS、JS等檔案都放在public下即可
第三步，在public資料夾中新增測試頁面。我這裡寫的是一個命名為changeColor.html的頁面。當它顯示在手機上時，手機橫、豎屏變化，body顯示不同的背景顏色。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>testExpress</title> <style type="text/css"> body{background-color: yellow;} @media screen and (orientation:landscape){ body{background-color: orange;} } </style> </head> <body> </body> </html>
第四步，新增完後，啟動服務。
原文連結:http://www.92to.com/bangong/2017/05-08/21475335.html