当前位置: 首页 > Web前端 > vue.js

vue-cli3项目打包后,自动部署到服务器上

时间:2023-04-01 01:25:13 vue.js

vue项目打包后,显然要把文件复制到服务器上很麻烦,所以结合网上的资料,写下这个自动部署记录。1.安装scp2npminstallscp2--save-dev2.写一个和package.json同级的脚本比如upload.js(下面可以选一个)。短版本'usestrict'//importscp2varclient=require('scp2');client.scp('./dist/',{//本地包文件的位置"host":'XXX.XX.XX.XXX',//服务器IP地址"port":'XX',//服务器端口,一般为22"username":'XXX',//用户名"password":'*****',//密码"path":'XXX'//项目部署的服务器目标位置},err=>{if(!err){console.log("项目已发布!")}else{console.log("err",err)}})稍微美化控制台的输出'usestrict'//引入scp2varclient=require('scp2');//部署时控制台美化可有可无以下三个插件constora=require('ora');constchalk=require('chalk');constspinner=ora(chalk.green('发布到服务器...'));spinner.start();client.scp('./dist/',{//本地包文件所在位置"host":'XXX.XX.XX.XXX',//服务器IP地址"port":'XX',//服务器端口,一般为22"username":'XXX',//用户名"password":'*****',//password"path":'XXX'//项目部署的目标服务器位置},err=>{spinner.stop();if(!err){console.log(chalk.green("项目已发布!"))}else{console.log("err",err)}})?上传项目时记得忽略此文件到git,因为它包含输入你的服务器地址、用户和密码3.在package.json中添加脚本命令"upload":"nodeupload.js","deploy":"npmrunbuild&&npmrunupload"4.执行脚本npmrundeploy运行这个脚本命令后,会先执行npmrunbuild执行打包命令,然后执行nodeupload.js将打包后的文件上传到服务器。5、结果,这个时候项目已经打包好了。脚本分为测试网和现网,比如这篇文章:【Vue-CLI3.x自动部署项目到服务器】(https://www.cnblogs.com/nxmin...

猜你喜欢