小程序web-view的神坑

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xxdddail/article/details/79570119

微信小程序的web-view可以外链站点，只要该站点在小程序的后台设置即可。站点需要https的站点。原本是很简单的一件事，只要将url放到web-view的src中就可以了。实际也是跑起来了。可是在安卓中跑没有问题，而在苹果上一跑就出问题了，一片空白。不知道怎么回来事。

    设置src的代码很简的，就是页面的data中定义了一个src，然后在onLoad的函数中设置了动态的src.

var url="https://www.xxx.com/a.aspx";
url+="?nickName="+userinfo.nickname;

this.setData({
      src: url
    })  

userinfo是通过小程序获取的，这个代码反反复复的检查，应该是没有问题的，但是就是出问题了。百思不得其解。后面只是一段一段的测试，当测试到url未赋值前时，发现苹果上没有出现空白页了，而加了nickName的赋值后就出现空白。难道是nickName的问题？

将nickName取出后，发现是一段特殊的字符串，有中文，有点等。应该就是这个问题了。知道问题了那就好办了。立即用base64编码，然后再运行。苹果上运行正常了。