最終目錄結構
demo
│ node_modules
└───public
│ │ index.html
│ │ index.css
│ └───index.js
└───server.js
一秆撮、使用express框架的示例
1.下載express依賴
cnpm install express
2.server.js代碼
//server.js
var express = require('express');
var app = express();
app.use(express.static('public'));//express.static是express提供的內置的中間件用來設置靜態(tài)文件路徑
app.get('/index.htm', function (req, res) {
res.sendFile(__dirname + "/" + "index.htm");
})
var server = app.listen(3000, function () {
console.log("監(jiān)聽3000端口")
})
3.public目錄里面的index.html嘿歌、index.css卷谈、index.js （其他幾個方法公用這個文件夾的面問資源文件）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>本地服務器</title>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="index.css"/>
<script src="index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<h3>本地服務器</h3>
</body>
</html>
//index.css
body{
background: #fff000;
}
//index.js
console.log("index.html加載了index.js")
4.運行
node server.js
