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