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

小程序嵌入H5页面

uniapp 官网提供的示例：

<template>
    <view>
        <web-view :webview-styles="webviewStyles" src="https://uniapp.dcloud.io/static/web-view.html"></web-view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                webviewStyles: {
                    progress: {
                        color: '#FF3333'
                    }
                }
            }
        }
    }
</script>

但是在IOS苹果手机上使用时，提示如下的内容。

问题原因及解决方法

这个报错的原因是，我在h5页面中使用到了"https//api.map.baidu.com"，这个被IOS识别为非业务域名，解决方法就是将此域名添加到微信小程序的白名单域名中。

打开微信小程序后台，在开发中，进入到设置request域名的部分，添加上上图所展示的域名，修改域名后需要重新提交小程序审核，审核通过后就可以正常使用了。