寸阳分阴须爱惜,休负春色与时光。这篇文章主要讲述uniapp打包发版到linux服务器步骤----H5端相关的知识,希望能为你提供帮助。
最近在写uni-app项目,项目打包部署到服务器后,搞了好一会一直打开是空白页,原来自己有几个地方疏忽了,现把步骤整理一下:
第1步:编辑配置 mainifest.json 文件
文章图片
tip:运行的基础路径,我的是reads路径,那么服务器上 要新建一个reads文件夹(如下图)
文章图片
第2步:点击HBuilderX顶部菜单发行,选择网站-h5手机版
【uniapp打包发版到linux服务器步骤----H5端】
文章图片
第3步:弹出框提示填写 网站标题和网站域名,然后点击发行
文章图片
第4步:控制台可以看到编译成功
文章图片
第5步:可以看到unpackage下的h5文件夹,把里面的static 和index.html拷贝到服务器的reads文件夹里,此时项目部署完成,浏览器打开xxx.com/reads就可以了(注意不要xxx.com/reads/index.html,这样页面是空白)
文章图片
注意:按照上面步骤部署完成后,打开css,图片等加载有报错,是路径的问题,index.html文件里批量修改一下文件路径就ok了。
推荐阅读
- 微信开发第四课 App() getApp() Page() getCurrentPages() 之间的区别
- 使用OpenJDK进行Delphi Android开发
- 遇到难题求高手帮忙解决--Android P开始监听不到关机广播
- 安卓运用手机多媒体
- 安卓快速添加get和set
- 成都APP软件EXE开发(EXCEL VBA的基本知识和入门引导V2)
- 安卓导入别人的项目
- app第三方支付宝支付
- Appium自动化测试