前端VUE專案部署到服務器
具體步驟：
一、先運行前端VUE專案的“build”任務，會得到一個“dist”打包檔案，
二、在專案檔案夾同級目錄下新建檔案夾“XXX_server”，例如我的專案名稱為“shop”，那么我在與“shop”同級目錄下新建一個叫“shop_server”的檔案夾，創建好之后用VScode打開，
三、在VScode中打開終端（Ctrl+Esc下方的鍵），在終端中運行npm init -y,然后運行npm i express -s,可以看到此時檔案夾中多了一幾個檔案：
將“dist”檔案復制進“shop_sever”檔案夾中，
四、將“dist”打包檔案部署到服務器端，即可通過服務器訪問該專案，（注：在訪問之前必須先啟動服務器）
（1）在VScode中新建一個檔案（在根目錄中新建），名稱為：app.js
（2）在該檔案中寫入一下代碼：
// 1.匯入服務器
const express = require('express')
// 2.創建web服務器
const app = express()
// 3.托管靜態資源
app.use(express.static('./dist'))
// 3.啟動web服務器（80為埠號）
app.listen(80,() => {
console.log('server running at http://127.0.0.2')
})
五、啟動服務器：在終端視窗中輸入node .\app.js來啟動服務器，此時可以通過對應服務器地址（http://127.0.0.2）來訪問專案，（注意：這里就是上面說的，要想成功訪問服務器，必須先執行此操作，不然服務器會拒絕訪問！）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/244679.html
標籤：其他