小程序嵌套h5页面
- 使用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.跳转遇到不能打开此页面问题，或是打开空白，需要解决跨域的这些问题。
-
打开小程序官方后台，点击左边菜单开发管理，在业务域名里面配置可以跳转的域名。
-
下载校验文件，将文件放在要嵌套的域名名录下
-
最后就保存添加的域名就行，如果去刷新嵌套页面，页面空白的话，清除一下缓存，这次我就遇到这个问题，一直都找不到原因，原来是有缓存了。
扫一扫
4059
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
