H5打包的https://cdn.dcloud.net.cn/img/shadow-grey.png 这个样式里的图片能不能改下，这图片时灵时不灵的

H5打包的https://cdn.dcloud.net.cn/img/shadow-grey.png 这个样式里的图片能不能改下，这图片时灵时不灵的

操作步骤：

  • 用苹果手机 微信内置浏览器 或 支付宝内置浏览器

预期结果：

  • 正常访问页面

实际结果：

  • 一直在加载，卡在最后

bug描述：

  • 这个cdn图片 访问不了时 就会出现访问加载不完成，一直卡住，能改成base64吗
信息类别 信息内容
产品分类 uniapp/H5
PC开发环境 Windows
PC开发环境版本 10
HBuilderX类型 正式
HBuilderX版本 4.64
浏览器平台 微信内置浏览器
浏览器版本 微信支付宝内置浏览器
项目创建方式 HBuilderX

image


1 回复

这个问题的根源在于DCloud CDN上的默认阴影图片偶尔访问不稳定。建议通过以下方式解决：

  1. 最简单的方法是替换这个图片资源： 在项目static目录下放置同名图片文件(shadow-grey.png)，打包时会优先使用本地资源而非CDN资源

  2. 如果想改为base64格式，可以在App.vue的样式中覆盖默认样式：

.uni-shadow {
  background-image: url('data:image/png;base64,iVBORw0KG...') !important;
}
  1. 对于H5平台特有的问题，也可以考虑使用条件编译：
/* #ifdef H5 */
.uni-shadow {
  background-image: none !important;
  box-shadow: 0 1px 5px rgba(0,0,0,0.1);
}
/* #endif */
回到顶部