vue项目打包及部署(无后端)

1.拿到build后的文件dist

2.在dist同级目录下新建app.js文件

vue项目打包及部署(无后端)_第1张图片

3.安装express

npm install express --save

4.app.js内容如下

var express = require('express')
var http = require('http')
var app = express()
app.use(express.static('./dist'))
app.use(function (req, res, next) {
    res.sendfile('./dist/index.html') //路径根据自己文件配置
})
var httpsServer = http.createServer(app)
httpsServer.listen(5001, function () {
    var host = httpsServer.address().address
    var port = httpsServer.address().port
})

5.在需要部署的主机中装上node环境然后执行命令

//执行app.js,即可访问localhost://5001
node app.js

你可能感兴趣的:(自动化部署,vue.js,node.js,服务器)