vue 实现打包并同时上传至服务器端

将 publish_script 及以下文件 upload.server.js 添加到 主文件下，与 src 同级别

具体操作步骤：

1、安装  npm install scp2

2、将下面两条命令加入至 package.json 的 scripts 中

"upload": "node publish_script/upload.server.js",
"publish": "npm run build && npm run upload"

3、需后端提供：

（1）修改 path后的服务器站点目录名称为 lucky，即 /etc/nginx/wwwroot/lucky

（3）修改 host: 47.109.67.254

4、修改 vue.config.js 中，publicPath的值，都改成 “/” 才对应的上

module.exports = {publicPath: process.env.NODE_ENV === 'production' ? '/' : '/'
};

5、使用 npm run publish 发布并部署至服务器

upload.server.js 文件

// 1.安装scp2  执行命令  npm install scp2
// 2.将下面两条命令加入至 package.json 的 scripts 中
// "upload": "node publish_script/upload.server.js",
// "publish": "npm run build && npm run upload"
// 3. 使用 npm run publish 发布并部署至服务器
var serverConfig = {publishPath: './dist/', // 本地需要发布的文件夹host: '47.109.67.254', // 远程服务器Ipusername: 'marking', // ssh 用户名称password: '][poiu+_)(*&', // ssh 用户密码path: '/etc/nginx/wwwroot/lucky' // 远程服务器站点目录
}// 引入scp2模块
var client = require('scp2')
// var random = Math.random()
client.scp(serverConfig.publishPath, {'host': serverConfig.host,'username': serverConfig.username,'password': serverConfig.password,'port': '10022', // 默认SSH端口'path': serverConfig.path
}, function(err) {if (!err) {console.log('npm run publish: scp2工具上传完毕,远端服务路径:' + serverConfig.path)} else {console.log('npm run publish: 上传失败！！，原因：', err)}
})

      希望我的愚见能够帮助你哦~，若有不足之处，还望指出，你们有更好的解决方法，欢迎大家在评论区下方留言支持，大家一起相互学习参考呀~