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

Part.1 安装 express

  npm install express body-parer --save 

Part.2 在项目根目录下创建 app.js 文件作为启动 express 服务器代码

app.js 文件内容如下：

1 const express = require('express')
2 const app = express()
3 app.use('/',(req,res) => {
4   res.send('hello express!')
5 })
6 app.listen(3000,() => {
7     console.log('app listening on port 3000.')
8 })

Part.3 在项目中执行 node app.js 命令  打开浏览器 127.0.0.1:3000,  页面出现 "hello express" 即为成功

Part.4 在项目中执行 npm run build 命令进行打包操作生成 dist 文件

Part.5 修改 app.js 内容

1 const express = require('express')
2 const path = require('path')
3 const app = express()
4  
5 app.use(express.static(path.join(__dirname, 'dist')))
6 app.listen(3000,() => {
7     console.log('app listening on port 3000.')
8 })

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

1  "scripts": {
2     "dev": "node build/dev-server.js",
3     "build": "node build/build.js",
4     "server": "nodemon app.js",
5     "start": "node app.js" // 添加项
6   },

Part.7 运行

输入命令：

  npm run start 

转载于:https://www.cnblogs.com/langxiyu/p/10820129.html