Vue打包之后部署到 express 服務器上

Part.1 安裝 express

  npm install express body-parser --save 

Part.2 在項目根目錄下創建 app.js 文件作為啟動 express 服務器代碼

app.js 文件內容如下：

const express = require('express')
const app = express()
app.use('/',(req,res) => {
  res.send('hello express!')
})
app.listen(3000,() => {
    console.log('app listening on port 3000.')
})

Part.3 在項目中執行 node app.js 命令  打開瀏覽器 127.0.0.1:3000,  頁面出現 "hello express" 即為成功

Part.4 在項目中執行 npm run build 命令進行打包操作生成 dist 文件

Part.5 修改 app.js 內容

const express = require('express')
const path = require('path')
const app = express()
 
app.use(express.static(path.join(__dirname, 'dist')))
app.listen(3000,() => {
    console.log('app listening on port 3000.')
})

Part.6 找到 packge.json 文件，添加如下配置

 "scripts": {
    "dev": "node build/dev-server.js",
    "build": "node build/build.js",
    "server": "nodemon app.js",
    "start": "node app.js" // 添加項
  },

Part.7 運行

輸入命令：

  npm run start