使用vue打包进行云服务器上传的问题


Posted in Javascript onMarch 02, 2020

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

使用vue打包进行云服务器上传的问题

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

使用vue打包进行云服务器上传的问题

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

使用vue打包进行云服务器上传的问题

改成自己的域名和端口号

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

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

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

使用vue打包进行云服务器上传的问题

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

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

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

使用vue打包进行云服务器上传的问题

第二步:进入我们的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打包上传内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript对数组的常用操作代码 数组方法总汇
Jan 27 Javascript
JS实现的不规则TAB选项卡效果代码
Sep 18 Javascript
Bootstrap基本插件学习笔记之按钮(21)
Dec 08 Javascript
H5实现中奖记录逐行滚动切换效果
Mar 13 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
Mar 13 Javascript
浅谈Angular2 模块懒加载的方法
Oct 04 Javascript
详解ECMAScript typeof用法
Jul 25 Javascript
Vue 菜单栏点击切换单个class(高亮)的方法
Aug 22 Javascript
基于JS开发微信网页录音功能的实例代码
Apr 30 Javascript
Vue 实现前端权限控制的示例代码
Jul 09 Javascript
vue列表数据发生变化指令没有更新问题及解决方法
Jan 16 Javascript
微信小程序scroll-view隐藏滚动条的方法详解
Mar 25 Javascript
微信小程序scroll-view的滚动条设置实现
Mar 02 #Javascript
JS如何生成随机验证码
Mar 02 #Javascript
js实现烟花特效
Mar 02 #Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
Mar 02 #Javascript
JS造成内存泄漏的几种情况实例分析
Mar 02 #Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
Mar 02 #Javascript
JavaScript中break、continue和return的用法区别实例分析
Mar 02 #Javascript
You might like
为什么那些咖啡爱好者大多看不上连锁咖啡店?
2021/03/06 咖啡文化
dedecms后台验证码总提示错误的解决方法
2007/03/21 PHP
完美解决thinkphp验证码出错无法显示的方法
2014/12/09 PHP
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
JavaScript模板入门介绍
2012/09/26 Javascript
javascript判断机器是否联网的2种方法
2013/08/09 Javascript
js history对象简单实现返回和前进
2013/10/30 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
2016/04/19 Javascript
js验证框架之RealyEasy验证详解
2016/06/08 Javascript
微信小程序 wxapp地图 map详解
2016/10/31 Javascript
JavaScript无缝滚动效果的实例代码
2017/03/27 Javascript
angular2 ng build部署后base文件路径问题详细解答
2017/07/15 Javascript
基于datepicker定义自己的angular时间组件的示例
2018/03/14 Javascript
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
基于Vue实现图片在指定区域内移动的思路详解
2018/11/11 Javascript
vue实现动态按钮功能
2019/05/13 Javascript
基于Node.js的大文件分片上传示例
2019/06/19 Javascript
vue实现户籍管理系统
2020/05/29 Javascript
Vue路由的模块自动化与统一加载实现
2020/06/05 Javascript
PyQt5每天必学之布局管理
2018/04/19 Python
在django中图片上传的格式校验及大小方法
2019/07/28 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
Python3.x+迅雷x 自动下载高分电影的实现方法
2020/01/12 Python
Django之choices选项和富文本编辑器的使用详解
2020/04/01 Python
Pytorch上下采样函数--interpolate用法
2020/07/07 Python
html5通过postMessage进行跨域通信的方法
2017/12/04 HTML / CSS
美国渔具店:FishUSA
2019/08/07 全球购物
西班牙最好的在线购买葡萄酒的商店:Vinoseleccion
2019/10/30 全球购物
毕业生写求职信的要点
2014/03/04 职场文书
优秀共产党员先进事迹材料
2014/05/06 职场文书
医药销售自我评价200字
2014/09/11 职场文书
购房个人委托书范本
2014/10/11 职场文书
2015年党风建设工作总结
2015/04/29 职场文书
使用pytorch实现线性回归
2021/04/11 Python
分布式锁为什么要选择Zookeeper而不是Redis?看完这篇你就明白了
2021/05/21 Redis
分布式架构Redis中有哪些数据结构及底层实现原理
2022/03/13 Redis