阐述:
在使用uniapp打包发布项目的时候,H5页面有区别于小程序,小程序一般直接运行到微信开发者工具的,从微信开发者工具进行发布。下面说下H5打包的时候会出现的一些问题。
可能会出现以下问题
- 直接打开index.html是空白页,没有数据。
- css、image的src图片路径不正确,图片丢失。
1、直接打开index.html是空白页,没有数据,解决方案如下:
选择H5配置,把以下图片中的,运行的基础路径改为 ./
, 路由模式选择:history
2、css、image的src图片路径不正确,图片丢失,解决方案如下:
错误的案例:
ps:不是说这样写不能获取到图片,而是上传到服务器那边会有路径问题。在本地测试跑都没问题。
<img src="/static/images/yz.png" alt="">
background-image: url('../static/yz.jpg')
background-image: url('/static/yz.jpg')
正确的案例:
<img src="~@/static/images/yz.png" alt="">
background-image: url('~@/static/yz.jpg')
background-image: url('~@/static/yz.jpg')