uniapp PDF预览在线上不跳转的问题

uniapp PDF预览在线上不跳转的问题

PDF预览功能我们需要用到uni.downloadFile(),uni.openDocument()

uni.downloadFile({
    
    
					url: this.pdfUrl,//pdf地址
					success: function(res) {
    
    
						var filePath = res.tempFilePath;
						uni.openDocument({
    
    
							filePath: filePath,
							success: function(res) {
    
    }
						});
					},
				});

将后台返回的地址通过调用uni.downloadFile()方法,拿到返回值后,通过uni.openDocument()方法

在官网上的介绍

在这里插入图片描述
在这里插入图片描述

问题

我们在开发过程中,通过这个方法pdf能够成功打开,但是放到体验版,也就是上传到小程序管理平台之后申请的体验版,就不能够正常的打开pdf进行预览。原因是什么呢?

首先我们打开小程序管理平台,在开发管理–>开发设置–>服务器域名,有request合法域名uploadFile合法域名downloadFile合法域名
在这里插入图片描述
回想一下我们pdf预览使用的api,uni.downloadFile(),有没有小发现?

解决办法

在线上的时候,我们需要配置一下后台返回的pdf路径的域名,也就是把downloadFIle里面的url配置在小程序管理平台上。
同样的,在上传的时候也是需要配置路径的域名的。

猜你喜欢

转载自blog.csdn.net/x_XDGS/article/details/121137099