使用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 相关文章推荐
Js 获取Gridview选中行的内容操作步骤
Feb 05 Javascript
JQUERY 设置SELECT选中项代码
Feb 07 Javascript
单击和双击事件的冲突处理示例代码
Apr 03 Javascript
node.js中的dns.getServers方法使用说明
Dec 08 Javascript
jquery实现简单手风琴菜单效果实例
Jun 13 Javascript
从零开始学习Node.js系列教程之基于connect和express框架的多页面实现数学运算示例
Apr 13 Javascript
详解Vue用axios发送post请求自动set cookie
May 10 Javascript
JavaScript设置名字输入不合法的实现方法
May 23 Javascript
js数据类型检测总结
Aug 05 Javascript
layer.open 按钮的点击事件关闭方法
Aug 17 Javascript
ES6字符串的扩展实例
Dec 21 Javascript
JavaScript组合继承详解
Nov 07 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 getsiteurl()函数
2009/09/05 PHP
让的PHP代码飞起来的40条小技巧(提升php效率)
2010/04/12 PHP
php单例模式实现方法分析
2015/03/14 PHP
PHP CURL与java http使用方法详解
2018/01/26 PHP
PHP实现基于3DES算法加密解密字符串示例
2018/08/24 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
Javascript 日期对象Date扩展方法
2009/05/30 Javascript
javascript学习笔记(十九) 节点的操作实现代码
2012/06/20 Javascript
jQuery使用之设置元素样式用法实例
2015/01/19 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
Angularjs 实现一个幻灯片示例代码
2016/09/08 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
2016/10/13 Javascript
简单实现nodejs上传功能
2017/01/14 NodeJs
JS和canvas实现俄罗斯方块
2017/03/14 Javascript
Vue.use源码学习小结
2018/06/20 Javascript
Javascript删除数组里的某个元素
2019/02/28 Javascript
详解微信小程序调用支付接口支付
2019/04/28 Javascript
JS实现分页导航效果
2020/02/19 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
2020/03/10 Javascript
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
python使用clear方法清除字典内全部数据实例
2015/07/11 Python
Python增量循环删除MySQL表数据的方法
2016/09/23 Python
Django后端发送小程序微信模板消息示例(服务通知)
2019/12/17 Python
python 插入日期数据到Oracle实例
2020/03/02 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
Python3读写ini配置文件的示例
2020/11/06 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
整理HTML5的一些新特性与Canvas的常用属性
2016/01/29 HTML / CSS
C语言怎样定义和声明全局变量和函数最好
2013/11/26 面试题
20年同学聚会邀请函
2014/02/04 职场文书
机械专业毕业生自我鉴定2014
2014/10/04 职场文书
创作书写之导游词实用技巧分享(干货)
2019/12/20 职场文书
上个世纪50年代的可穿戴技术:无线电帽子
2022/02/18 无线电