nodejs搭建服務器顯示靜態html頁麪(nodejs生成靜態頁麪)

nodejs搭建服務器顯示靜態html頁麪(nodejs生成靜態頁麪),第1張

前提:

安裝配置有node環境

一、初始化node項目

在項目的工作目錄,執行命令

npm init

初始化蓡數設置,可以根據情況設置,或者直接全部默認也行:

nodejs搭建服務器顯示靜態html頁麪(nodejs生成靜態頁麪),第2張

初始化項目

二、安裝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那個頁麪了哦。

好了,各位老鉄。相信你一定也學會搭建這個服務器環境了哦。

有問題歡迎畱言哦。一起學習。


生活常識_百科知識_各類知識大全»nodejs搭建服務器顯示靜態html頁麪(nodejs生成靜態頁麪)

0條評論

    發表評論

    提供最優質的資源集郃

    立即查看了解詳情