Vue打包之后部署到 express 服务器上
Part.1 安装 express
1 npm install express body-parer --save
Part.2 在项目根目录下创建 app.js 文件作为启动 express 服务器代码
app.js 文件内容如下:
SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。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 运行
输入命令:
1 npm run start

更多精彩