码迷,mamicode.com
首页 > 移动开发 > 详细

uniapp打包发版到linux服务器步骤----H5端

时间:2020-05-23 20:44:26      阅读:491      评论:0      收藏:0      [点我收藏+]

标签:ima   static   linux服务器   浏览器   选择   ack   一个   src   uil   

最近在写uni-app项目,项目打包部署到服务器后,搞了好一会一直打开是空白页,原来自己有几个地方疏忽了,现把步骤整理一下:

第1步:编辑配置 mainifest.json 文件

技术图片

tip:运行的基础路径,我的是reads路径,那么服务器上 要新建一个reads文件夹(如下图)

技术图片

 

第2步:点击HBuilderX顶部菜单发行,选择网站-h5手机版

技术图片

 

第3步:弹出框提示填写 网站标题和网站域名,然后点击发行

技术图片

 

第4步:控制台可以看到编译成功

技术图片

 

第5步:可以看到unpackage下的h5文件夹,把里面的static 和index.html拷贝到服务器的reads文件夹里,此时项目部署完成,浏览器打开xxx.com/reads就可以了(注意不要xxx.com/reads/index.html,这样页面是空白)

技术图片

 

注意:按照上面步骤部署完成后,打开css,图片等加载有报错,是路径的问题,index.html文件里批量修改一下文件路径就ok了。

uniapp打包发版到linux服务器步骤----H5端

标签:ima   static   linux服务器   浏览器   选择   ack   一个   src   uil   

原文地址:https://www.cnblogs.com/wcn123456/p/12943860.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!