一.首先,如果是集体小程序,就不必思考关上内部链接了。这里须要应用web-view组件,具体的请看

https://developers.weixin.qq....

实现线上的h5通过小程序配置业务域名,通过web-view组件实现内嵌h5页面。间接拿来链接是打不开的。须要配置业务域名,并且在服务器的根目录下形式验证文件。

       登录微信公众平台下载效验文件   开发治理——>开发设置——>业务域名——>下载效验文件

而后把效验文件放在 npm run build打包后的h5我的项目根目录里 部署上传到线上  留神肯定要打包后放入根目录下,保障能够拜访。

二. 小程序配置业务域名

配置业务域名 由上图能够看出 要留神两点 

1.h5的我的项目域名必须是https的

2.我的项目链接不能由/api的  正确格局www.baidu.com

三. 通过组件web-view进行传参跳转

应用 click点击事件跳转到webview页面  在通过web-view组件跳转到h5我的项目

1.在WXML文件里某个须要触发点击事件的标签外面加上点击事件bindtap="

navigateToURL"。记得带上参数data-url="{{item.url}}"

2.在.js文件上,写入对应的函数如图

创立web-view文件夹

3.在app.json外面退出门路。

4.在webview.wxml写入

<web-view src="{{url}}"></web-view>

5.在webview.js文件中写上逻辑