如果我们想打包成直接浏览的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. 友盟数据—值得手游创业者关注的玩家数据
  2. epoll监听文件_epoll详解——从功能到内核
  3. Block 再学习 !
  4. BeeHive模块注册
  5. Spring PropertyPlaceholderConfigurer Usage
  6. 数据库性能(一):数据库索引原理解析
  7. 一次性通过软考网工方案
  8. 我是如何学习写一个操作系统(五):故事的高潮之进程和线程1
  9. 使用outlet在SAP Spartacus中添加自定义UI
  10. Kali Linux 无线渗透测试入门指南 第六章 攻击客户端
  11. 西门子s7-200解密软件下载_西门子S7200plc软件仿真软件使用方法
  12. mybatis日志在线生成sql(日志参数填充,sql日志格式化)
  13. 平面设计师经常去哪些网站?
  14. 浅谈JavaScript设计模式
  15. python怎么计算相关系数_相关系数怎么算(python如何计算相关系数与协方差)
  16. Tri Tiling
  17. Windows11安装Android子系统——安装篇
  18. 影响债市行情的主要因素_决定债券收益的十大因素
  19. 基于VuePress搭建网站
  20. 微服务化有3个阶段,但大部分金融企业仍处在0.5

热门文章

  1. LeetCode 104二叉树的最大深度-简单
  2. Hystrix能解决的问题
  3. tof摄像头手势识别_一种基于TOF手势识别的控制系统的制作方法
  4. maven 排除配置文件打包_Maven打包pom里面配置exclude 排除掉环境相关的配置文件...
  5. HDU 6755 Fibonacci Sum(二次剩余 + 二项式展开)
  6. 牛客挑战赛47 A 一道GCD问题
  7. P2498 [SDOI2012]拯救小云公主
  8. LCS(2021牛客多校4)
  9. 2021牛客暑期多校训练营3
  10. H - Maximal submatrix HDU - 6957