uniapp电商H5嵌入小程序点击后页面提示 “页面iframe不支持引用非业务域名”

最新推荐文章于 2024-05-31 09:55:47 发布
最新推荐文章于 2024-05-31 09:55:47 发布
阅读量2.7k 收藏
点赞数
分类专栏： uni-app 微信小程序 文章标签： 小程序 前端 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46210850/article/details/122876371
版权

需求
在这里插入图片描述

解决方案
1.小程序嵌套H5

<web-view src='https://mall.cnucv.com/'></web-view>

2.配置合法域名
在微信开发管理>开发设置 找到服务器域名配置
添加
request合法域名 在这里插入图片描述
这个报错的原因是，在h5页面中使用到了"https//apis.map.qq.com"，这个被识别为非业务域名，解决方法就是将此域名添加到微信小程序的白名单域名中。修改域名后需要重新提交小程序审核,就可以了

3天饿九顿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
基于uniapp微信小程序我的钱包页面
03-26
【基于uniapp微信小程序我的钱包页面】开发详解 在移动应用开发领域，微信小程序因其轻量化、便捷的特性，已经成为开发者的重要选择。而uniapp作为一款跨平台开发框架，能够帮助开发者快速构建H5、微信小程序、...
小程序如何发布，以及如何配置域名白名单
weixin_44296489的博客
05-07 8935
小程序如何发布上线，如何配置微信域名白名单
页面iframe不支持引用非业务域名
Mico_Cmx的博客
04-12 4641
在小程序的Java开发中，有业务场景，需要在小程序中嵌入第三方的H5页面，在第三方已经将我放小程序的校验文件加入第三方的白名单后，依然出现无法访问的页面，提示“页面iframe不支持引用非业务域名XXX，请重新配置。” 出现原因为，图片上提示的域名 被识别为 非业务域名 解决方法： 打开微信小程序后台 在开发中， 找到‘业务域名’ 将图片中提示的域名添加进去，即时生效 ...
uni-app,h5页面在微信查看会显示双头部，只显示一个头部方法
最新发布
weixin_67323402的博客
05-31 249
1.新建一个js文件，写入一下代码，在需要隐藏头部标题的页面局部引用。2.如果在全局页面应用，就在mian.js里加上这段能全局使用。
页面iframe不支持引用非业务域名，请重新配置
xinTianou123的博客
03-01 5318
最近公司为了节约成本，将原生app用小程序重写了，其中有几个页面属于h5，app打开web-view的形式实现的。小程序也支持内嵌webview，于是按照流程一步步开发，配置业务域名白名单，结果小程序还是报错，“页面iframe不支持引用非业务域名，请重新配置”，然后我找遍了代码，没有使用iframe，于是在社区提问，最终还是解决了。 原来的h5是跟原生app通信，使用了jsbridge和iframe window.WVJBCallbacks = [callback] let WVJBIframe = do
小程序：web-view使用
cwjxyp的博客
03-16 647
【代码】小程序：web-view使用。
uniapp 电商小程序嵌入H5页面提示 “页面iframe不支持引用非业务域名”
yehaocheng520的博客
09-21 1万+
小程序嵌入H5页面 uniapp 官网提供的示例： <template> <view> <web-view :webview-styles="webviewStyles" src="https://uniapp.dcloud.io/static/web-view.html"></web-view> </view> </template> <script> export defau
在微信公众平台 设置小程序域名白名单
weixin_45966674的博客
09-25 7729
然后 下拉找到 服务器域名 点击 修改 按钮。这里特别声明一下此操作必须是企业账号创建的小程序。在 request合法域名 后面添加即可。然后扫描二维码 登录自己需要操作的小程序。然后 在左侧菜单中选择开发下的 开发管理。然后会需要你扫个二维码做个身份验证。首先 我们打开微信公众平台。大体格式就是 域名;然后在这里选择 开发设置。
教育网站网页版和APP版本，小程序和H5页面
03-18
综上所述，教育网站、APP、小程序和H5页面各有优势，开发者应根据目标用户群体、使用场景和业务需求，选择合适的形式，以实现最佳的教育服务。同时，随着技术的发展，跨平台兼容和混合式开发工具也在不断进步，使得...
小程序跳转H5页面的方法步骤
11-21
现在已经有超过150万的开发者加入到了小程序的开发，与我们一起共同发力推动小程序的发展，小程序应用数量超过了一百万，覆盖200多个细分的行业，日活用户达到两个亿，小程序还在许多城市实现了支持地铁、公交服务。...
uniapp影视视频H5小程序APP前后端源码
03-20
该版本前端使用uniapp开发，后端为php（one-php后台系统管理框架，基于tp5.1.*版本），目前已兼容微信小程序、双端APP及H5，功能健全，拆封即用。 该源码分两个版本1.0和2.0，2.0版本为1.0版本的重构版，主要重构了...
uniapp 兼容H5和小程序，实现360度旋转，3d特效源码
09-27
在IT行业中，尤其是在移动应用开发领域，uniapp是一个备受开发者喜爱的框架，它允许开发者用一套代码同时构建H5、微信小程序、支付宝小程序、百度小程序等多个平台的应用。本项目主要探讨的是如何在uniapp中实现360...
在uniapp的 vue 组件中使用 iframe 引入了一个本地文件，结果不显示
谨言不言☞博客
03-19 7496
在uniapp项目vue组件中，显示项目某个html页面 在uniapp项目vue组件中，显示项目某个html页面。 首先想到的方案： 1. 使用iframe 2. 使用web-view 方案1：借助iframe，引入本地文件 失败：在vue项目组件中，使用 iframe 引入项目同级目录html文件，但是在页面中显示的不是我所引入的html页面内容，而是项目主页。 使用iframe无法实现需求，根据错误原因，又反复研究，切换几种本地引入方式都不行： 1 直接使用本地路劲：失败 <iframe
HTML5 ＜iframe＞ 标签、HTML5 ＜input＞ 标签
thgj0006的博客
04-12 919
iframe> 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 标签规定了用户可以在其中输入数据的输入字段。 元素在 元素中使用，用来声明允许用户输入数据的 input 控件。输入字段可通过多种方式改变，取决于 type 属性。
公众号开发：微信调试 微信不允许iframe引入授权页面
qq_36413371的博客
06-24 8874
本想实现公众号，点击进入另一个页面 这样引入的授权页面，在没有授权情况下打开为空白页 <div v-if="src" style="width:100%;height:100%"> <iframe ref="iframe" class="iframe" sandbox="allow-scripts allow-same-origin allow-modals allow-forms allow-popups " :src="src" frameborder="0"&g
微信小程序 web-view 访问外部链接
热门推荐
花铛
11-27 3万+
承载网页的容器，会自动铺满整个小程序页面。访问的外链运行在微信内置的浏览器上，会存在缓存问题，有可能导致无法访问到最新的页面。webview 中导航栏的标题是取的页面标签的内容。
解决iframe嵌套第三方网址不能访问
Davi的博客
05-11 2万+
X-Frame-Options 是一个 HTTP 响应头部，用于防止网站被嵌入到其他网站的 iframe 中。该协议定义了一些选项，使网站可以控制在哪些网站中可以嵌入自己的内容，从而防止网站被点击劫持攻击。如果网站设置了 X-Frame-Options 响应头部，浏览器会根据该选项来决定是否允许在 iframe 中显示该网站的内容。并隐藏来自该网站的两个响应头：“Content-Security-Policy” 和 “X-Frame-Options”。2.SAMEORIGIN：只允许同源网站嵌入。
微信小程序嵌套iframe_微信小程序内嵌网页web-view
weixin_33096511的博客
02-05 6343
web-view 组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。个人类型与海外类型的小程序暂不支持使用。客户端 6.7.2 版本开始，navigationStyle: custom 对 组件无效属性名类型默认值说明srcStringwebview 指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。bindmessageEventHandler网页向...
uniapp开发微信小程序，webview内嵌h5，h5打开pdf地址，解决方案
柑橘乌云_
10-19 3171
h5 和pc页面 都需要配置业务域名，但是读到这里，大家就有疑问了，不就是多嵌套了一层页面然后还是iframe嵌入的pdf吗，对的！）但是众所周知，微信小程序内嵌webview的域名是需要配置业务域名的，以及该域名内的iframe网址也是需要配置业务域名，那么就没办法配置这个oss地址为业务域名。根据公司要求，让我写一个h5，后续会嵌入到合作公司的微信小程序的webview中，如果是自己公司微信小程序，可以采取先下载下来pdf，然后通过wx.openDocument，进行单纯的预览操作，这个可以根据这个。
uniapp 钉钉小程序webview嵌入h5页面,返回按钮不显示
01-20
目前钉钉小程序的H5支持在webview页面嵌入钉钉容器，但由于技术限制，可能会对返回按钮的显示有所限制。建议查阅钉钉小程序开发文档，了解是否有特殊的设置要求或者限制。 如果以上方法都没有解决问题，可以尝试...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值