使用vue打包进行云服务器上传的问题
更新时间：2020年03月02日 16:51:01 作者：邱哒哒
这篇文章主要介绍了使用vue打包进行云服务器上传，本文给大家介绍的非常详细，对大家的工作或学习具有一定的参考借鉴价值,需要的朋友可以参考下
vue中目录最后的vue.config.js文件中第27行的pulicpath改成./
src目录下的man.js中30到33行注释掉
将目录中的.env.development和.env.production中的
改成自己的域名和端口号
！！！！!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!接下来就是打包环节了
打开vue的命令提示符 输入命令：npm run build:prod 进行打包
打包完成后会出现build目录的同级下一个出来一个打包好的文件目录 ，鼠标右键 后点击
找到文件所在地，将文件压缩为zip包
然后使用XShell插件工具 操作我们的云服务器，
第一步：下载unzip插件。使用命令：
第二步：进入我们的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打包上传内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
大家在做前端项目的时候,大部分页面, 游客都可以直接访问 , 如遇到 需要登录才能进行的操作,页面将提示并跳转到登录界面,那么如何才能实现页面拦截并跳转到对应的登录界面呢,本文小编就来给大家介绍一下Vue实现页面访问拦截的方法,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了vue项目因内存溢出启动报错的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-09-09
这篇文章主要介绍了vue中如何下载文件导出保存到本地，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要介绍了vue项目基于WebRTC实现一对一音视频通话效果,实现代码分为前端和后端两部分代码,需要的朋友可以参考下2024-05-05
下面小编就为大家分享一篇Vue之Vue.set动态新增对象属性方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了vue elementui form表单验证的实现,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
这篇文章主要介绍了vue中使用ts配置的具体步骤，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
这篇文章主要为大家详细介绍了vue3封装计时器组件的方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
基于element-ui对话框el-dialog初始化的校验问题解决
这篇文章主要介绍了基于element-ui对话框el-dialog初始化的校验问题解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
今天小编就为大家分享一篇vue路由守卫,限制前端页面访问权限的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
最新评论