使用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 相关文章推荐
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
Nov 21 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 Javascript
使用jQuery在对象中缓存选择器的简单方法
Jun 30 Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
Apr 05 Javascript
javascript实现的图片预览功能
Mar 25 Javascript
vue2.0 自定义日期时间过滤器
Jun 07 Javascript
解决Layui选择全部,换页checkbox复选框重新勾选的问题方法
Aug 14 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
Sep 13 Javascript
vue中$nextTick的用法讲解
Jan 17 Javascript
ElementUI之Message功能拓展详解
Oct 18 Javascript
ant-design-vue按需加载的坑的解决
May 14 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
php 页面执行时间计算代码
2008/12/04 PHP
php代码书写习惯优化小结
2013/06/20 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
PHP5.3连接Oracle客户端及PDO_OCI模块的安装方法
2016/05/13 PHP
PHP实现统计代码行数小工具
2019/09/19 PHP
jQuery 锚点跳转滚动条平滑滚动一句话代码
2010/04/30 Javascript
jquery实现div阴影效果示例代码
2013/09/16 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
2014/05/27 Javascript
JavaScript调试工具汇总
2014/12/23 Javascript
jquery 插件实现瀑布流图片展示实例
2015/04/03 Javascript
js绘制购物车抛物线动画
2020/11/18 Javascript
Vue.js学习示例分享
2017/02/05 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
简单的Vue异步组件实例Demo
2017/12/27 Javascript
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
2018/04/17 jQuery
JavaScript 对引擎、运行时、调用堆栈的概述理解
2018/10/22 Javascript
说说如何在Vue.js中实现数字输入组件的方法
2019/01/08 Javascript
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
JS实现网页时钟特效
2020/03/25 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
JS判断数组四种实现方法详解
2020/06/29 Javascript
vue监听dom大小改变案例
2020/07/29 Javascript
JS实现多功能计算器
2020/10/28 Javascript
在Qt中正确的设置窗体的背景图片的几种方法总结
2019/06/19 Python
pandas DataFrame行或列的删除方法的实现示例
2019/08/02 Python
安装完Python包然后找不到模块的解决步骤
2020/02/13 Python
Python3爬虫关于代理池的维护详解
2020/07/30 Python
css3动画过渡实现鼠标跟随导航效果
2018/02/08 HTML / CSS
HTML5公共页面提取作为公用代码的方法
2020/06/30 HTML / CSS
遗体告别仪式主持词
2014/03/20 职场文书
机电专业求职信
2014/06/14 职场文书
工伤事故赔偿协议书(标准)
2014/09/29 职场文书
党的群众路线教育实践活动领导班子整改方案
2014/10/25 职场文书
2015年超市员工工作总结
2015/05/04 职场文书
通过T-SQL语句创建游标与实现数据库加解密功能
2022/03/16 SQL Server
Redis实战高并发之扣减库存项目
2022/04/14 Redis