uniapp开发微信小程序嵌套h5页面

小程序嵌套h5页面

1. 使用uniapp中的webview标签，实现嵌套h5页面

<template>
	<div class="main">
	   <web-view :src="newUrl"></web-view>
	</div>
</template>
<script setup>
	import {
		ref,
		reactive
	} from 'vue';
	import {
		onShow,
		onLoad
	} from '@dcloudio/uni-app';
	
	let newUrl = ref('')
	
	onShow(async () => {
		const token = uni.getStorageSync('userToken')
		newUrl.value = "地址?token=" + token // 携带的参数
	})
</script>

<style lang="scss" scoped>
	.main {
		width: 100%;
		height: 100vh;
	}
</style>

2.跳转遇到不能打开此页面问题，或是打开空白，需要解决跨域的这些问题。

• 打开小程序官方后台，点击左边菜单开发管理，在业务域名里面配置可以跳转的域名。
  

• 下载校验文件，将文件放在要嵌套的域名名录下
  

• 最后就保存添加的域名就行，如果去刷新嵌套页面，页面空白的话，清除一下缓存，这次我就遇到这个问题，一直都找不到原因，原来是有缓存了。