这篇文章主要介绍怎么解决HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
创新互联建站是一家专业提供
乌当企业网站建设,专注与网站设计制作、
成都网站制作、
H5响应式网站、小程序制作等业务。10年已为乌当众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
项目背景
之前也没写过小程序但是看过之后都是现成的api 简单易懂 就是会有很多坑要去踩 以为要写原生小程序 但是 是我想多了 公司是要节约开发成本 那么就衍生了H5嵌入小程序这个操作
必须的
1、要去申请一个小程序测试号要配置域名用
2、然后准备一套自己写的项目 测试用
代码部分
index.wxml文件
#wechat_redirect 在ios页面出现空白页面的问题加一个这个
index.js文件
data:{
url: 'http://s2g6uk.natappfree.cc/#/home',
},
onShow: function () {
this.setData({
url: `http://s2g6uk.natappfree.cc/#/home?flag=${Math.random()}`
})
}在onShow地址重新给赋值一个随机数 保持加载新的页面
vue 页面
页面的所有的跳转页面都要用到小程序 web-view 开放的跳转
web-view网页中可使用JSSDK 1.3.2提供的接口返回小程序页面
在页面引入这个js文件
// 微信跳转下一个页面
goNextPage (pageName) {
wx.miniProgram.navigateTo({
url: `/pages/webview/webview?weburl=${window.location.origin}/#/${pageName}`
})
}这样写就完全ok的 小程序编辑器 跳转之后返回是会有点问题 但是可以真机调试一下 在真机是完全没问题的
我本地调试是本地起了一个项目 然后用natapp 生成了一个域名 配置上去
以上是“怎么解决HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！
标题名称：怎么解决HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题-创新互联
转载来于：
http://cdkjz.cn/article/doejec.html
