钉钉小程序 打开web-view页面显示白屏

 问题一：钉钉小程序内嵌web-view页面，在开发者工具上可以正常打开页面。但是真机调试时无法显示。

 注意： 先检查是否配置HTTP 安全域名和Webview 安全域名！！一定要配置

配置后，我真机调试时ios手机仍然无法打开。

原因：发现url中存在中文字符

解决办法：使用encodeURIComponent，encodeURIComponent() 函数通过将特定字符的每个实例替换成代表字符的 UTF-8 编码的一个、两个、三个或四个转义序列来编码 URI

代码如下：

web-view页面

<template>
  <web-view v-if="!!url" :src="url"></web-view>
</template>

<script>
export default {
  data() {
    return {
      url: ''
    };
  },

  onLoad(options) {
    if (options.url) {
      this.url = encodeURI(options.url);
    }
  }
}
</script>

let url =
          weBusinessDomain() +
          "document/previewFileFromWechat?" +
          `token=${token}&docId=${this.docId}&vid=${item.version}&fn=${item.name}&suffix=${item.suffix}&key=${item.so.key}`;
      this.$location.push({
        path: `${path.webviewPage}?url=${encodeURIComponent(url)}`,
      });

问题二：使用钉钉小程序开发，配置了安全域名后，使用苹果手机打开web-view页面可以正常显示，但是使用安卓手机显示白屏。

经过排除，是因为所跳转的页面是使用可选链（?.）语法，而该语法是ES11新特性。在安卓手机上钉钉小程序不支持.....所以导致跳转后显示白屏....