taro 小程序转h5之后报错_taro小程序跳转h5页面

taro微信小程序跳转h5页面

项目架构-tarojs+react+sass+微信开发者工具

项目使用taro官网上面的步骤构建起来的项目架构，之后生成微信端的小程序，由于项目与车险有关，需要多个渠道融合在一起，所以避免不了要调用其他端的页面去实现功能，所以涉及到了taro小程序跳转h5的知识

小程序跳转需求需求

在项目中，有为用户提供了各种快捷服务：“门店查询”、“保单下载”、“电子发票”、"报案理赔"等功能，在这里我需要跳转到h5页面。

项目目录结构

具体实现

第一步：app.js文件

在此文件中有一个组件对象config配置对象，在里面配置小程序需要跳转的其他h5小程序的appid，获得跳转权限

第二步：server.js页面组件

在文件方法中写跳转连接地址

//门店查询

handleStoreInquiry=(e)=>{

this.$preload('path', Api.StoreQuery) //这里的path是配置的小程序跳转地址

Taro.navigateTo({ url: '/pages/webview/webview' })

}

第三步：在微信开发者工具中，会自动生成webview目录结构，在webview.js中已经为你写好了大致的结构，你只需要将你的url键名变为动态传入的值就可以