vue打包文件怎么上传服务器,使用vue打包进行云服务器上传的问题

vue中目录最后的vue.config.js文件中第27行的pulicpath改成./

15181e99af2d09f00331630e8513d2ad.png

src目录下的man.js中30到33行注释掉

d595f83a89aad06c1e192f221ffc20e0.png

将目录中的.env.development和.env.production中的

49652296a2bd326a7229d36c834e9c2a.png

改成自己的域名和端口号

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!接下来就是打包环节了

打开vue的命令提示符 输入命令:npm run build:prod 进行打包

打包完成后会出现build目录的同级下一个出来一个打包好的文件目录 ,鼠标右键 后点击

322dafbeb2a165dbab46c5c13143e0a3.png

找到文件所在地,将文件压缩为zip包

然后使用XShell插件工具 操作我们的云服务器,

第一步:下载unzip插件。使用命令:

0d98d7a2b2aaf12f9caaa80e54f7d926.png

第二步:进入我们的tomcat/webapps目录下 sudo rz 我们的zip文件 例如: sudo rz a.zip

第三步:使用sudo unzip 我们上传的zip文件 例如: sudo unzip a.zip

第四步:恭喜部署成功你可以在自己的tomcat端口下输入自己的文件名查询想要的部署项目了

例如: xxx.xxx.xxx.xxx:tomcat端口号/a

总结

到此这篇关于使用vue打包进行云服务器上传的问题的文章就介绍到这了,更多相关vue打包上传内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值