使用uni-app开发抖音小程序遇到previewImage方法图片加载不出来解决方案

最近在使用uni-app开发 抖音小程序,当点击图片放大查看的时候 用到了 previewImage 方法,但是发现图片是加载不出来的,oss的白名单也配置过了,各种情况也排查过了,但是就是加载不出来,最后找到了解决方案。

去查看了 抖音小程序 原生的写法 tt.previewImage 方法。

文档上有介绍一个规则:

官方文档地址:https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/tutorial/basic-ability/referrer-policy

只需要在 app.json文件中 定义以下配置即可

uni-app的写法:

如果是图片 就定义:previewImage

bash 复制代码
    "referrerPolicy" : {
            "previewImage" : {
                "policy" : "no-referrer",
                "domainList" : [ "www.wwwoop.com" ]
            }
        }

previewImage 方法 还直接用 uni.previewImage 方法就行,不需要做平台区分~

相关推荐
dreams_dream10 小时前
微信小程序:页面事件-上拉触底
微信小程序·小程序
头发还在的女程序员1 天前
基于 Spring Boot + Vue 3 + uni-app 的灵活用工系统:四端架构与业务流程设计
vue.js·spring boot·uni-app·灵活用工·灵工系统
wafrdggh1 天前
2026电商快递批量查询怎么用?固乔助手模板设置评测
大数据·数据库·小程序
wafrdggh2 天前
2026 商城小程序平台哪个价格合理?把跨境附加成本这个坑算透
大数据·小程序
Dumbness3 天前
订阅消息弹窗必须在用户点击里调:联调实验室里 timing 和 Mock 支付通知踩的坑
javascript·uni-app
码间留白4 天前
uni-app 鸿蒙离线打包:一个改动从源码到真机要穿过几条链
uni-app·鸿蒙·deveco·离线打包·uts插件
恩创软件开发4 天前
自助KTV系统管理员续单功能
经验分享·小程序
多客:duokelijie5 天前
代练订单系统选型思路:跨品类游戏接入、订单分层管理、自动结算逻辑拆解!
数据库·mysql·微信小程序·前端框架·uni-app·php·持续部署
码间留白5 天前
鸿蒙端对接 BLE 血压计:从一次握手到读数入库(二)设备篇
物联网·uni-app·鸿蒙·蓝牙ble·血压计
AI源码6 天前
在线考试小程序
小程序·notepad++