使用node+express框架快速搭建本地運行的靜態服務器

使用node+express框架快速搭建本地運行的靜態服務器

1 將Vue項目使用npm run build命令構建靜態文件,將導出的dist文件夾單獨提取,放入Demo文件夾

2 進入Demo文件夾,使用shift加右鍵進入PowerShell命令窗口,準備搭建node環境

3 在命令窗輸入yarn -y init,初始化文件夾,生成package.json文件,然後yarn add express,安裝express框架

4 安裝完成後,在Demo文件夾下新建app.js,編輯app.js

var express = require('express') // 引入express
var app = express() // 創建express實例化對象

app.use(express.static('./dist')) // 託管dist目錄
app.listen(16996,function(){
    console.log('項目開始運行,請點擊下方鏈接瀏覽項目\n\nhttp:127.0.0.1:13669')
})

5 編輯完成app.js文件後,可以直接在shell窗口中輸入node app.js 運行app文件,至此,靜態服務器搭建成功

6 還可以在加一步,建立start.bat文件,在文件裏編輯node app.js,然後保存退出,以後想要運行項目時不必再打開shell窗口,可以直接雙擊start.bat文件運行項目

7 再補充一點,其實想要搭建靜態服務器不要要這麼麻煩,使用npm i -g serve命令,直接全局安裝一個serve服務器就好了,以後想啓動項目直接打開cmd窗口,輸入serve命令就可以運行了