Uniapp中嵌入H5（ uniapp开发的H5），并且在H5中跳转到APP的指定页面

原生H5跳转uniapp开发的app方式：

1.在APP中使用web-view嵌入H5页面使用web-view组件实现

2.在H5项目引入webview.js

   导入web-view 的SDK
    
    

 3.调用方法跳转至app 内部的页面的关键方法 uni.reLaunch

uni.reLaunch({
                  url: '/pages/tabBar/component/component'
                });

4.跳转方式：

上面的跳转方式可以解决APP嵌入原生H5页面跳转回APP的问题，但是使用uniapp开发的H5就会失效，在uniapp开发H5页面使用 uni.reLaunch 只能跳转到H5项目本地的页面。

uniapp开发H5跳转方式：

1.在H5项目里引入 web-view.js：

通过官网链接下载 web-view.js文件（下载链接，打开链接右键另存为下载链接，），放到项目的static/js文件中

2.在main.js中引入

import App from './App'
import webView from './static/js/uni.webview.1.5.2.js'
....

3.使用方式：

				// #ifdef APP-PLUS
				uni.webView.postMessage({
					data: {
						action: 'uni-app',
					}
				});
				uni.webView.reLaunch({
					url: '/pages/tabBar/component/component'
				});

区别在于 uniapp开发的H5要在uni前面加上 webView

官方H5代码：

  
    
    
    
    
  
  
    
web-view 组件加载网络 html 示例。点击下列按钮，跳转至其它页面。
    

      navigateTo
      redirectTo
      navigateBack
      reLaunch
      switchTab
    
    

      
网页向应用发送消息，注意：小程序端应用会在此页面后退时接收到消息。
      

        postMessage
      
    
    

//跳转方式，下面一部分代码