如果我们想打包成直接浏览的h5,我们需要配置manifest.json这个文件,在其中的h5配置中加入publicPath配置,配置如下:

代码为:

  1. "h5" : {
  2. "publicPath": "./"
  3. },

配置好这个后,以后打包就会生产(./xxx)的引用,这样就可以通过浏览器直接打开而不需要架设成一个服务。但是需要注意的是

当用css引用图片即backage-image:url(./xxx/xxx.png)这种格式引用图片时,地址需要写出./格式。这样运行和打包都可以找到该图片。但这种的话打包成小程序可能找不到图片,所以当正式使用时最好写成(../../xxx.png)的形式。

当采用src引用时需要写出相对路径即(../../static/xxx.png),但是这样打包后是找不到该图片的,最好通过变量和require('../../static/img/java_05.png') 读取图片。

uni-app打包h5相关推荐

  1. 关于uni.appd打包H5 图片在IOS 上不显示的问题

    最近在改前人的代码,上一任的前端用的是uni.app打包的H5页面,随后要增加一个定位的功能.....,一想也没什么困难的嘛,就开始写了,结果 这才是噩梦的开始... 定位很快就写好了 用的是uni. ...

  2. 网站转APP软件封装网页转APP打包H5封装分发平台APP封装生成双端

    APP封装 什么是 APP 封装? 什么是APP打包 其实APP打包.APP封装.在线打包 都是一个意思,就是把网站封装成APP 1.APP 封装是指把网页形式的网站通过技术封装成为可以下载 到手机上 ...

  3. uniapp 打包H5,打包小程序,打包app分享到微信聊天、朋友圈

    1.uniapp打包H5操作手法:Hbuilder->发行->网站-PC-WEB端或手机端H5访问,需要填写个访问域名,即发布后访问的域名路径 2.uniapp打包H5配置注意事项:uni ...

  4. hbuilder php打包,关于hbuilder打包h5+app

    近日接手了一个二次开发项目,使用的是tp5框架,客户需求要做成app,这对没开发过app的我创造了一个巨大难题 作为一个php开发,对前端有一点了解,听说可以将h5直接打包成app于是我开始了我的面向 ...

  5. uni App+H5 实现人脸识别

    uni App+H5 实现人脸识别 通过h5的视频video管理设备摄像头(不要关),在打开视频摄像时快照截取人脸照片传送到后台通过API接口调用百度人脸识别结果并通过返回数据解析自己业务需求. 1. ...

  6. uniapp - 打包(App、H5)

    手机APP打包 苹果打包发布需要 购买开发者证书 个人$99/每年 大约RMB700? 企业$299 安卓的APK,可以直接免费云打包 1.APP相关配置,点开manifest.json配置 2.打包 ...

  7. uni app(H5)中软键盘弹出,固定定位绝对定位元素位置发生错乱

    一.问题如下 最近用uni app写项目,发现H5软键盘弹起,导致我固定定位的按钮被顶了上去,如图 二.解决方法 1.让其在输入框获取焦点时隐藏 百度了许多,有让输入框获取焦点时让按钮隐藏的方法,失去 ...

  8. 知识付费系统源码,可直接打包成app、H5、小程序

    知识付费,在近几年来,越来越受到大家的关注.知识付费系统源码是将知识通过互联网渠道变现的方式.以知识为载体,通过付费获得在线知识以及在线学习所带来的收益.知识付费平台主要以分享知识内容,内容分为直播. ...

  9. uni.app H5(微信公众号定位) uni.getLocation

    最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...

  10. uni app 开发微信小程序及上线体验

    uni app 开发微信小程序及上线体验 项目创建及微信小程序AppId的申请 本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...

最新文章

  1. Silverlight OA源代码(Silverlight4+SQLServer2005)
  2. VMware HA环境搭建七:WIN2012 ISCSI目标服务器的安装
  3. 详述@ResponseBody和@RequestBody注解的区别
  4. 【JavaNIO的深入研究4】内存映射文件I/O,大文件读写操作,Java nio之MappedByteBuffer,高效文件/内存映射...
  5. Error:Kotlin: Module was compiled with an incompatible version of Kotlin
  6. 如何在mysql查找效率慢的SQL语句
  7. 盘点Linux下19 个有趣的命令!
  8. java用log.i打印数组_java-使用JSCH将ssh日志打印到列表(android)
  9. 如何用Html+css3写一个简单的网页
  10. Notes on UNPv1 Ch.5
  11. C 语言的32 个关键字意义
  12. 一次idea上使用logback+slf4j乱码的解决,问题不在logback
  13. 23个适合logo设计的常用英文字体
  14. 计算一个3位数各个位数之和
  15. 一周极客热文:看马云李彦宏马明哲等大佬手绘未来图
  16. word中html在哪,如何word中显示部分的域代码在哪
  17. 服务器的显示器无信号怎么解决办法,显示器无信号怎么办?显示器无信号解决办法大全...
  18. 编译orge1.7.0
  19. 中国版Second Life前途难料
  20. 2013网易实习生招聘 岗位:数据挖掘工程师

热门文章

  1. [蓝桥杯2016初赛]寒假作业-next_permutation枚举
  2. html自定义鼠标右键,js自定义鼠标右键的实现原理及源码
  3. great English sentence:
  4. Spring连接mysql数据库错误:Cannot load JDBC driver class '${driver}'
  5. HashMap实现LRU(最近最少使用)缓存更新算法
  6. Java Web之filter、listener、Interceptor
  7. F - Sugoroku2(动态规划)
  8. CF198D Cube Snake(三维空间/增量构造)
  9. Build Roads
  10. 数据结构之trie树——First! G,电子字典,Type Printer,Nikitosh and xor