uni.webView.redirectTo不生效

最新推荐文章于 2024-09-13 16:20:22 发布
最新推荐文章于 2024-09-13 16:20:22 发布
阅读量682 收藏 2
点赞数 1
文章标签： html5 vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47072581/article/details/131470597
版权

背景：uniapp开发的小程序（简称UNI）页面A用Webview内嵌vue开发的h5，想从h5直接跳到UNI页面B。

前序：

https://blog.csdn.net/weixin_47072581/article/details/131422638

之前遇到UniAppJSBridgeReady事件不触发的问题，用上述链接解决了。但是！突然有一天，它又不行了TAT 怀疑还是sdk引入方式的问题，于是换了一种引入方式，改成从main.js引入。

step1: 把uni.webview.1.5.2.js下载到本地，放入utils文件夹

https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js

step2：main.js引入


                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    


                



	

		

			

				
					
webview 无法调用uni_如何在uni-app正确使用web-view

				
			

			

				

					weixin_39903375的博客
				

				

					12-19
					
					1456
					
				

			

		

		

			
				
最近在开发个人的一个小项目的时候遇到一个问题，原因是有一个列表，在点击某一项的时候要跳转到详情，这个详情是一个外部链接，并不是内部的查了一下uni-app的文档，嗯，很好，果然很顺利的找到了web-view组件，然后很天真的直接把web-web放到列表中class="item"v-for="(item, index) in list":key="index"@click="itemClick(it...

			
		

	



                

            
              



	

		

			

				
					
跨平台应用开发进阶(五十七)：uni-app 通过 overrideUrlLoading 实现拦截 webview 窗口的 URL 跳转请求(2)

				
			

			

				

					2401_84446787的博客
				

				

					05-04
					
					233
					
				

			

		

		

			
				
URLWebviewURLcallbackURLWebviewURLloadURLcss/js/pngoptionseffectURLinstanttouchstartWebviewtouchstartWebview默认值为"instant"。mode: (String 类型 ) 拦截模式。可取值： “allow”、"reject”，默认值为"rejectallowmatchmatchurlcallbackrejectmatchurlcallbackmatchurlmatch。

			
		

	



              


  
              

                


	

		

			

				
					
uni-app路由跳转（redirectTo、navigateTo）不生效

				
			

			

				

					lingliu0824的博客
				

				

					02-11
					
					8704
					
				

			

		

		

			
				
问题：在页面中给按钮添加路由跳转事件，但是点击后并没有跳转，路由地址也没有变化


解决：redirectTo、navigateTo方法中的url属性值前面应该加上/,由于是直接从pages里面复制的，开头不带/，所以无法跳转。

另外：如果url是/开头的，但点击还是没有反应的话，看一下是不是在pages.json里面的pages属性中添加了该路径。

...

			
		

	





	

		

			

				
					
uniapp与webview进行数据通信

					
最新发布

				
			

			

				

					骨子里的偏爱
				

				

					09-13
					
					298
					
				

			

		

		

			
				
【代码】uniapp与webview进行数据通信。

			
		

	



		

			
		



	

		

			

				
					
uniapp uni.redirectTo() 跳转失效

				
			

			

				

					Serenity_Qin的博客
				

				

					02-01
					
					2705
					
				

			

		

		

			
				
想实现的效果是用户登录成功后跳转至”我的“页面，但是点击登录按钮后可以成功打印出登录信息，却不跳转页面。原因是我在 tabBar 中配置了 Mine 页面。

			
		

	





	

		

			

				
					
前段时间重构项目的时候遇到一个问题，uni.redirectTo 微信开发者工具正常，手机编译后 无效 无报错

				
			

			

				

					徐飞的博客
				

				

					07-18
					
					944
					
				

			

		

		

			
				
前段时间重构项目的时候遇到一个问题，uni.redirectTo 微信开发者工具正常，手机编译后 无效 无报错

			
		

	





	

		

			

				
					
uni跳转失败？uni.navigateTo、uni.redirectTo、uni.reLaunch跳转失效？

				
			

			

				

					2401_82752568的博客
				

				

					03-24
					
					677
					
				

			

		

		

			
				
假如你现在正在跳转到在page.json中tabbar中定义的页面，只能用uni.switchTab！

			
		

	





	

		

			

				
					
uni-app webview 嵌套H5微信支付跳转问题

				
			

			

				

					u011590754的博客
				

				

					03-29
					
					5735
					
				

			

		

		

			
				
项目中遇到的坑，搞了几天，终于解决了，现整理一下：
本人app项目是uni-app开发的安卓和iOS版本，安卓测试无问题，以下主要说iOS的解决方案。
问题点：app用webview打开H5页面，在H5页面发起微信支付（非app支付）唤醒微信打开支付，此时放弃支付或者支付完成，微信默认打开safari浏览器，没有返回app。
1.在H5页面，发起支付时，后端写一个接口去访问微信的接口，微信会返回一段链接，直接回调给前端，前端处理代码如下：
//请求后台接口获取url
$.ajax({
 url:"",
 t

			
		

	





	

		

			

				
					
跨平台应用开发进阶(五十七)：uni-app 通过 overrideUrlLoading 实现拦截 webview 窗口的 URL 跳转请求(1)

				
			

			

				

					2401_84446712的博客
				

				

					05-04
					
					739
					
				

			

		

		

			
				
中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。技术要深入到什么程度？做久了技术总要转型管理？我能做什么，我想做什么？一技之长，就是深耕你的专业技能，你的专业技术。（重点）独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）拥有事业，选择一份使命，带领团队实现它。（创业）一技之长分五个层次栈内技术 - 是指你的前端专业领域技术栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识。

			
		

	





	

		

			

				
					
uniapp - H5 在 UC 浏览器中返回上一页失效的解决方案

				
			

			

				

					止于至善
				

				

					08-30
					
					1337
					
				

			

		

		

			
				
最近使用 uniapp 开发的 H5 在测试中遇到的问题：有A、B两个页面，反复从A页面进入B页面后，在B页面会存在返回函数失效问题。经过测试发现，如果反复进入B页面的参数相同，在第三次进入后，返回就会失效，不管是 uniapp 自带的头部导航，还是 uni.navigateBack API 都会失效，不能从 B页面 返回 A页面。目前测试其他浏览器未出现这种情况。注意：路由未成功跳转，当前路由不再执行跳转，此处是防止用户快速重复点击。

			
		

	





	

		

			

				
					
关于uniapp中navigateTo跳转不生效的解决办法

				
			

			

				

					m0_55411748的博客
				

				

					09-01
					
					9266
					
				

			

		

		

			
				
解决uni-app中使用navigateTo跳转不生效的问题













...

			
		

	





	

		

			

				
					
uni.navigateTo失效

				
			

			

				

					m0_47843571的博客
				

				

					06-15
					
					699
					
				

			

		

		

			
				
微信公共平台配置域名提示，协议头非法

			
		

	





	

		

			

				
					
uniapp 在onLaunch中，使用redirectTo或reLaunch跳转页面后，点击事件失效解决方法

				
			

			

				

					厦门在乎科技
				

				

					08-11
					
					2186
					
				

			

		

		

			
				
好久没有记录了(今天更新下)，使用uniapp编译成小程序时，在onLaunch中重定向会导致点击事件失效。

但是，如果，你重定向的页面中有使用navigator组件跳转后再返回，点击事件又有效了，在原生微信小程序中重定向没有问题onLaunch中重定向失效


onLaunch() {
    uni.reLaunch({
        url: '/pages/user/user'
    })
}

解决办法：


onLaunch() {
  setTimeout(() => {
    

			
		

	





	

		

			

				
					
navigateTo失效-跳转不了页面解决办法！uniapp\vue

				
			

			

				

					2301_77482405的博客
				

				

					01-18
					
					3053
					
				

			

		

		

			
				
1.pages.json文件没有配置路径， 在pages:[  ]里面加 （根据自己的路径进行修改。原本我的是pages/detail死活跳转不进去！

			
		

	





	

		

			

				
					
uniapp h5页面跳转页面兼容

				
			

			

				

					weixin_44074543的博客
				

				

					11-21
					
					346
					
				

			

		

		

			
				
uniapph5页面使用浏览器自己的按钮返回会出现各种问题，比如onShow不执行，底部加载不执行，所以需要把跳转页面的方法重写，下面的代码加上了鉴权。

			
		

	





	

		

			

				
					
WebView redirect https to http

				
			

			

				

					weixin_30586257的博客
				

				

					09-13
					
					139
					
				

			

		

		

			
				
最新项目大改版，刚好对相关sdk版本做了下升级，target也从19升级到21。
意外发现原先在WebView中加载的网页中的图片全都变得一片白，连默认图片都不给显示。
经过一番测试才发现是由于target版本所致。
刚好stackoverflow上有相关问题http://stackoverflow.com/questions/28626433/android-webview-blocks-...

			
		

	





	

		

			

				
					
uniapp app端使用webview 跳转外部链接后，返回app端。（stripe pay 支付）

				
			

			

				

					qq_42386231的博客
				

				

					01-15
					
					1199
					
				

			

		

		

			
				
项目需求：app使用webview打开stripe pay支付页面，支付成功或失败的回调地址必须是网络地址，所以需要在回调的网络地址页面跳转回app。4、将PayClosed.html放到服务器上，然后在stripe pay 后台的支付回调那里填上这条链接地址就可以了。1、在下单页面跳转到webview页面，携带stripe pay 支付链接。2、新建webview页面，接收传递过来的stripeURL。3、新建PayClosed.html，作为中间页跳回app。

			
		

	





	

		

			

				
					
uniapp中我使用uni.navigateTo跳转webview页面传参，但是接收的参数只有一半。

				
			

			

				

					Korey__的博客
				

				

					08-03
					
					1571
					
				

			

		

		

			
				
关于#webview#的问题，如何解决？

			
		

	





	

		

			

				
					
uni.webview.js

				
			

			

				

					07-14
				

			

		

		

			
				
uni.webview.js 是一个用于在uni-app框架中操作Webview组件的JavaScript库。通过该库，开发者可以在uni-app中创建和管理Webview实例，实现与原生平台的Webview通信，以及在Webview中加载网页和执行JavaScript代码等...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值