微信小程序web-view之动态加载html页面

官方推出的web-view方便了很多开发人员。

我们在做的时候，经常会想到写一个小程序的page然后通过动态加载web-view的形式来完成其他功能页面的开发。

之前研究web-view的时候发现网上很多人都在问动态加载html页面的先后顺序问题，然而都并没有一个完整的解答。

例如：

<web-view src="{{web_url}}/WeiXin/{{web_path}}.html?user_token={{user_token}}&{{param}}#wechat_redirect"></web-view>

我们在onLoad方法里面setData数据来完成页面的动态加载。但是经常会出现web-view的src里面的连接先一步加载了，导致后面再来setData的时候html页面里面出现了报错。特别是当你使用user_token来传递用户凭证的时候，因此我都会在html页面检测是否是小程序环境，并且检查用户凭证，然后再把用户凭证存储到本地。当html页面里面的接口出现凭证错误的时候再次判断一次凭证，没有问题的时候刷新当前页面，凭证错误的时候使用wx.miniProgram.redirectTo跳转回小程序应用。