使用node搭建本地伺服器
阿新 • • 發佈：2021-09-27
在當前專案根目錄下開啟命令視窗
在搭建web伺服器之前，需要先安裝node.js
一、本機安裝node.js
下載最新的NodeJs，進行安裝。一直點選下一步就可以了。然後就可以檢視安裝的node的版本，命令列是
node -v
二、開啟安裝嚮導
npm init
依次輸入之後即可生成package.json檔案，也可以不完全填寫全部資訊，不想填的回車可跳過。
也可以選擇一步到位跳過所有選項
npm init -y
三、新建server.js 檔案
const express = require('express')
//const history = require('connect-history-api-fallback');
四、安裝第三方包 :npm+install(或者i)+包名+ --save
以 server.js 檔案中需安裝的 express 包為例
npm i express --save
此時package.json檔案中就會記錄該條安裝資訊，node_modules資料夾下會下載好express，如果不小心將jexpress檔案或者node_modules刪除了，也可以直接通過命令 npm i 重新安裝package.json中記錄的包。
五、在根目錄下新建static 資料夾存放靜態資源（以後的靜態頁面都可放在該檔案下）
咱們在static資料夾下建立index.html 檔案
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>本地搭建的node測試環境</title> </head> <body> 本地搭建的node測試環境 </body> </html>
六、目錄結構：
七、執行專案
node server.js
八、補充
1、server.js中的ip：192.168.0.116 可通過輸入 window + r 輸入cmd 在命令提示符端中 輸入 ipconfig 得到本地ip地址，
本地電腦與手機連線同一個WiFi，則將http://192.168.0.116:5005/ 連結發到手機上檢視
當專案為靜態頁面，通過這個方法在手機適配和聯調很方便呢。
pc端：
移動端：
未來的我會感謝現在努力的自己。