钉钉小程序打开web-view页面显示白屏-Toy模板网

这篇具有很好参考价值的文章主要介绍了钉钉小程序打开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)}`,
      });