youxi-app/pages/programming/web-view.uvue

<script setup lang='ts'>
import { ref, onMounted, watchEffect } from 'vue'
import Loading from '@/components/loading.uvue'
import { router, user } from '@/.cool'
import Back from '@/components/back.uvue'
// const baseUrl = ref('http://192.168.110.102:8601')
const baseUrl = ref('https://oss.xiaoxiongcode.com/gui/index.html')
const webviewSrc = ref('')

var isLoading = ref(true)

function handleLoad() {
  isLoading.value = false
}
function handleMessage(e) {
  console.log(e)
}

onMounted(() => {
  const url = router.query().url
  if (url) {
    webviewSrc.value = baseUrl.value + '?token=' + user.token + '&userId=' + user.info.value?.userInfo.userId + '&sb3Url=' + url
  } else {
    webviewSrc.value = baseUrl.value + '?token=' + user.token + '&userId=' + user.info.value?.userInfo.userId
  }

})
</script>
<template>
  <Loading v-show="isLoading" />
  <web-view id="webView1" :src="webviewSrc" class="w-full h-full" @load="handleLoad"
    @message="handleMessage"></web-view>
</template>
<style lang="less" scoped></style>