小程序嵌入H5頁(yè)面

uniapp 官網(wǎng)提供的示例：

<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蘋果手機(jī)上使用時(shí)，提示如下的內(nèi)容。

這個(gè)報(bào)錯(cuò)的原因是，我在h5頁(yè)面中使用到了"https//api.map.baidu.com"，這個(gè)被IOS識(shí)別為非業(yè)務(wù)域名，解決方法就是將此域名添加到微信小程序的白名單域名中。

打開微信小程序后臺(tái)，在開發(fā)中，進(jìn)入到設(shè)置request域名的部分，添加上上圖所展示的域名，修改域名后需要重新提交小程序?qū)徍?#xff0c;審核通過(guò)后就可以正常使用了。