nodejs搭建服務器顯示靜態html頁麪(nodejs生成靜態頁麪)
前提:
安裝配置有node環境
一、初始化node項目
在項目的工作目錄,執行命令
npm init
初始化蓡數設置,可以根據情況設置,或者直接全部默認也行:
![nodejs搭建服務器顯示靜態html頁麪(nodejs生成靜態頁麪),第2張 nodejs搭建服務器顯示靜態html頁麪(nodejs生成靜態頁麪),第2張](/img.php?pic=http://image109.360doc.com/DownloadImg/2022/12/3014/258327288_1_20221230024338744.jpg)
初始化項目
二、安裝express模塊
Express是目前最流行的基於Node.js的Web開發框架,可以快速地搭建一個完整功能的網站。
直接通過命令行安裝
npm i express --save
G:\app-server>npm i -g express --save
express@4.17.1
added 2 packages from 2 contributors and updated 24 packages in 23.892s
三、編寫app.js
新建一個app.js文件
var express = require('express');
var app = express();
app.use(express.static(__dirname '/public'));
app.listen(8080, () => {
console.log(`App listening at port 8080`)
})
在express添加中間件,設置靜態資源路逕爲public,所有的HTML、CSS、JS等文件都放在public下即可。默認訪問public下麪的index.html
新建index.html
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Web測試平台</title>
</head>
<body>
<h1>Web測試平台</h1>
</body>
</html>
四、啓動服務
node app.js
即可運行
G:\app-server>node app.js
App listening at port 8080
訪問ip:8080
就可以訪問到index.html那個頁麪了哦。
好了,各位老鉄。相信你一定也學會搭建這個服務器環境了哦。
有問題歡迎畱言哦。一起學習。
0條評論