使用vue打包进行云服务器上传的问题
2020-05-01 12:07
1026 查看
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打包上传内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:
相关文章推荐
- 使用sun.net.ftp.FtpClient进行上传功能开发,在jdk1.7上不适用问题的解决
- 使用Xcode7.1打包上传App Store遇到的问题
- 使用apache ant jar包 进行zip 打包操作 (解决中文问题)
- vue-cli项目使用proxyTable接口代理后,打包到线上,接口报404问题
- Eclipse中使用Gradle进行打包APK问题总结
- 使用vue打包时vendor文件过大或者是app.js文件很大的问题
- vue项目中使用富文本编辑器处理图片上传问题
- 小存储嵌入式设备上使用thttpd进行文件上传遇到的问题
- 使用Xcode 8打包上传AppStore遇到的问题
- 使用ajaxfileupload.js进行文件上传,出现的问题以及解决办法
- 使用vue-cli脚手架 与 axios 请求数据 配置代理进行跨域访问数据问题
- 使用vscode进行vue.js项目搭建和打包
- vue+Springboot使用axios进行http请求出现跨域问题
- 使用maven工具对maven项目进行打包所出现的问题
- 解决无法使用Nexus中央仓库的jar包进行上传和下载的问题
- vue.js使用手记——打包之后静态资源失效404问题
- iOS 打包上传AppStore相关(3)-iTunes相应配置以及使用蒲公英网站进行应用托管分发(链接/二维码)
- 关于使用hbuilder 打包vue的问题
- 使用vue-cli打包过程中的步骤以及问题
- Mac下使用svnx进行版本控制,并解决无法上传.a库文件的问题