z***@outlook.com
z***@outlook.com
  • 发布:2025-07-23 05:07
  • 更新:2025-07-23 14:58
  • 阅读:90

关于uniapp x的webview组件

分类:uni-app

我在VScode里打包了1个vue3 H5网页 将dist下的index.html和assets文件夹放到了\hybrid\html目录 结果一片空白
我在同一位置放了官方示例的local.html 结果能正常显示
问AI全都说是要在打包dist前在vite.config.js里加base: './',说是相对路径的问题 但是我改了也没体现出任何效果
我又怀疑是网页本身的问题 但是运行http-server也能正常运行
到底是什么原因造成的 要崩溃了~
下面是项目代码 完全是一个空白项目改了这短短几行

<template>  
  <view>  
    <web-view :src="url" style="height: 1344rpx;"></web-view>  
  </view>  
</template>  

<script>  
export default {  
  data() {  
    return {  
      url: '/hybrid/html/local.html'  
    };  
  }  
};  
</script>
2025-07-23 05:07 负责人:无 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

什么版本的hx?发下可复现demo

DCloud_UNI_JBB

DCloud_UNI_JBB

我直接通过发行到web,然后用 vscode 的 live server插件运行没看见有啥问题,simple 和 privacy 都能显示

  • z***@outlook.com (作者)

    不不 我要运行的是dist下我写的h5文件 这三个html全都是官方文档的

    2025-07-23 14:20

  • z***@outlook.com (作者)

    我把dist文件和uniapp工程分成了两个附件 方便找到

    2025-07-23 14:21

  • DCloud_UNI_JBB

    回复 z***@outlook.com: 你的h5文件是那个?

    2025-07-23 14:22

  • z***@outlook.com (作者)

    回复 DCloud_UNI_JBB: dist.zip

    2025-07-23 14:33

  • DCloud_UNI_JBB

    回复 z***@outlook.com: 你那个不是打包产物吗?一个index.html 文件,其他的都在assets下面

    2025-07-23 14:34

  • z***@outlook.com (作者)

    回复 DCloud_UNI_JBB: 所以是这样打包的没办法运行吗 那我应该怎么处理

    2025-07-23 14:37

  • DCloud_UNI_JBB

    回复 z***@outlook.com: 不应该啊,local里面的处理逻辑也不少啊,实在不行,你把dist里面asset的js和css产物全都放到index.html 里面

    2025-07-23 14:40

  • z***@outlook.com (作者)

    回复 DCloud_UNI_JBB: 好的我试试看 下面有我刚发的h5源码 佬也可以用那个测试 记得先npm install下依赖

    2025-07-23 14:43

  • z***@outlook.com (作者)

    回复 DCloud_UNI_JBB: 测试完了 通过vite-plugin-singlefile打包成单html文件就可以出现了 不过单文件的性能会差很多吧 也不知道原来到底是哪里出了问题 不过还是谢谢佬了❤️

    2025-07-23 15:02

z***@outlook.com

z***@outlook.com (作者)

救救孩子

z***@outlook.com

z***@outlook.com (作者)

CyberWhisper是uniapp项目 整个项目是一个空白项目+hybrid文件+修改了index.html文件 dist是写好的h5 目前index的webview指向的是官方的webview示例local.html

z***@outlook.com

z***@outlook.com (作者)

难道说不支持动态界面吗 但是b站明明都可以打开

z***@outlook.com

z***@outlook.com (作者)

h5项目源码 node_modules文件夹被我删除了要不太大上传不了

DCloud_UNI_JBB

DCloud_UNI_JBB

支持的,我新建了一个html文件,引入了一个js文件,webview还是能加载出来

  • z***@outlook.com (作者)

    问题已经解决了!实际上是出现了跨域问题 安卓端不让读取文件外的js和css 我在h5项目里使用了@vitejs/plugin-legacy插件(这个注入的脚本会检测当前环境,当它发现在 file:// 这种不支持模块化加载的环境时,它会以传统方式动态地创建 <script> 和 <link> 标签来加载那些“传统”的 JS 和 CSS 资源,不会造成<script type="module">与<link crossorigin>的跨域问题)虽然不知道有没有其他更好的处理方式 但是现在这种也足够正常使用了。佬辛苦了❤️

    2025-07-23 15:34

要回复问题请先登录注册