Uni app solves the problem of unable to browse PDF files online

1. download pdf.js

website ：https://mozilla.github.io/pdf.js/

Download either one （ The first is the new browser , The second is the old browser ）

2. Put the downloaded file into the project

I put it here static Folder and change the file name to pdf, Any other position is OK , Just know that the path is written correctly when importing

3. Create a page to show pdf

vue 3.X edition

<template>
	<view  >
		<web-view :src="obj.u"></web-view>
	</view>
	
</template>

<script setup>
import {
    onLoad} from '@dcloudio/uni-app'
import {
    ref,onMounted,reactive} from 'vue'

const obj = reactive({
    
	viewerUrl: '../../static/pdf/web/viewer.html',
	u:''
})

onLoad((options)=>{
    
	// Receive here pdf Address   Parameters can be passed through components  options Just put the receiver at the address below 
	let url = encodeURIComponent("http://192.168.1.114:4000/1.pdf") 
	
	url = "../../static/pdf/web/viewer.html?file=" + url;
	obj.u = url
})
	        
</script>
<style>
</style>

4. Display the results

5. Existing problems

• There are some catons , The content needs to be loaded repeatedly （ The solution has not been found yet , Charges in the plug-in market ）