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