uniapp h5网页打开白屏

最新推荐文章于 2024-07-24 10:14:33 发布
最新推荐文章于 2024-07-24 10:14:33 发布
阅读量1.1k 收藏 1
点赞数
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LlanyW/article/details/132996629
版权

修改了默认基本运行路径，然后直接打开index.html的情况下是会这样，放在nginx服务器上运行就ok了。

把默认的./ 路径修改了：/cloudh5

 nginx html目录下放子网站 ：/cloudh5：

Lan.W
关注
uniapp H5 pdf、docx文档预览
04-07
`uniapp`是一个跨端开发框架，支持开发H5、iOS、Android等平台的应用。在这个场景下，我们将讨论如何在uniapp的H5环境中实现PDF和DOCX文档的预览。 首先，我们需要了解H5环境下的文档预览机制。对于PDF文件，大多数...
UNI-APP H5应用白屏（空白页）解决方案
热门推荐
云间月
01-31 2万+
UNI-APP H5应用白屏（空白页）解决方案 写在前面         最近公司有一些临时业务急需上线，考虑到H5应用测试部署的便捷性，因此从技术上采用H5网页的方式快速响应业务的需求，由于自己对uni-app 比较熟悉，之前也有用过uni-app开发过微信小程序，整理体验都还不错，这次也就采取uni-app开发H5应用，结果开发测试都还好，上线之后部分IOS用户反馈应用无法打开，具体现象表现为链接打开显示空白页、白屏。针对这
uni-app发布为H5页面白屏问题
AshesO的博客
07-05 2649
这是由于uni-app中H5配置不全的问题, 需要进行如下配置 找到项目根目录中manifest.json文件 在该文件中配置如下设置 "h5" : { "template" : "", "router" : { "mode" : "history", "base" : "/test/" // 服务器根目录存放代码的文件夹路径 }, "title" : "网站标题", "domain" : "https://test.com" /.
uni-app 打包H5时,访问index.html页面白屏报错net::ERR_ABORTED 404
最新发布
weixin_45389051的博客
07-24 441
【代码】uni-app 打包H5时,访问index.html页面白屏报错net::ERR_ABORTED 404。
uni-app打包项目成h5，遇到本地访问页面空白
YourPasser的博客
10-25 2343
直接在本地打开static里面的inedx.html的时候，会出现空白页面。
跨平台应用开发进阶(五十)uni-app ios web-view嵌套H5项目白屏问题分析及解决
IT全栈 华强工作室
12-21 9278
应用uni-app框架开发好APP上架使用过程中，发现应用经过长时间由后台切换至前台时，通过webview方式嵌套的H5页面发生白屏现象。在前端减少内存使用，最重要的就是图片渲染，尤其是大图片。在页面上不要渲染多张大图，比如从摄像头或相册选择多张图，并缩放尺寸渲染在页面上，虽然肉眼看起来手机屏幕上是几张小图，但实际上是多张大图只是被缩小，这种情况非常耗费内存。一张图片3m，9张这样的大图同时渲染到屏幕上，什么手机都受不了。一个缩略图控制在几k或十几k，才是合理的。详情页面展现多张大图并不受影响。
uni-app运行时没有报错，H5端显示页面为空白，APP端和小程序端显示正常
lingliu0824的博客
02-11 7352
修改了App.vue后运行在浏览器中页面显示为空白了，但是APP端和小程序都还是正常显示。 原因：在App.vue中不能包含template标签，相当于App.vue里面只能写script脚本和公用的style样式。
uniapp H5集成微信JS支付
03-26
uni-app框架下，开发H5，集成微信JS API支付，安装指定的，jweixin-module之后调用方法关键代码，搞了一星期，终于都搞明白，很简单，一看就懂了。
uniapp移动端H5在线预览PDF等文件实现源码及注解
10-13
在移动应用开发中，uniapp是一个非常流行的框架，它允许开发者使用一套代码库来构建多端应用，包括iOS、Android以及H5。本教程将详细讲解如何在uniapp移动端通过H5实现PDF和其他文件的在线预览功能。通过提供的源码...
uniapp的移动端h5的横屏电子签名
06-01
由于uniapp微信小程序支持横竖屏切换配置，但是移动端h5不支持。自定义一个h5页面，实现可以横屏手写电子签名的功能，且支持回显（图片可以转化为签字版的canvas，且支持在此基础上继续进行手写签名）由于uniapp微信...
在uniapp做高德地图，发布为h5网页
11-14
在uniapp做高德地图，发布为h5网页，内嵌入安卓app中，代码摘要，不含敏感信息在uniapp做高德地图，发布为h5网页，内嵌入安卓app中，代码摘要，不含敏感信息
uni-app打包项目部署线上出现白屏
m0_71231013的博客
05-25 3380
当我们的项目采用uni-app的h5一键打包方式后，部署到线上服务器后会显现白屏情况，可能是我们的基础项目路径设置的不对，导致找不到文件，以至于访问白屏。2.找到web配置 将运行的基础路径修改为 “” （注：要放在你项目文件的根路径之下）1.找到uni-app的工程文件的。那么我们改如何解决呢？
uniapp h5 发行后 微信第二次打开网址 页面白屏
01-12 744
第二次打开时有token，但是网址根目录没有配置默认页面，所以白屏。原因：第一次打开时没有token，所以跳转登录页，可以正常访问。发行后把网址给客户，第一次可以正常登录打开，第二次打开白屏。
uniapp发行web页面在老版本浏览器打开一片空白
risemypassion的专栏
11-10 1738
uniapp发行的web页面（菜单->发行->网站-PC Web或手机H5），对于一些老的浏览器（或内核），打开一片空白；而在新版本的浏览器中打开却正常。这是因为那些版本较低的浏览器不支持ES6的语法和新API。1、在项目的根目录新建一个vite.config.js。
微信小程序uniapp出现白屏怎么解决（总集）
weixin_44295184的博客
12-29 7330
微信小程序uniapp出现白屏怎么解决（总集）
uniapp打包H5在本地运行出现页面空白，控制台报错现象
qq_56149957的博客
04-20 2373
最后点击下面出现的地址就可以访问了。执行 http-server。控制台报错，页面空白没有内容。原因：这里出现了跨域问题。
uni-app打包为H5时白屏
qq_24343389的博客
05-18 1万+
1、配置文件manifest.json文件中，"router" : {"base" : "/test/"}中没有配置base路径”，test为访问域名的根目录， 如下下图
uniapp小程序体验版-白屏现象
RD_Xiaobai的博客
08-01 9932
uniapp微信小程序体验版出现白屏现象，原因以及解决方法，亲测有效
uniapp打包h5项目后网页打开空白
g470641382的博客
05-09 1017
5.在刚刚打开的h5文件夹下cmd进入终端。1.在manifest文件下配置路径。6.点击下面出现的网址即可。3.打开打包后生成的。
uniapp打包h5出现白屏
12-13
uniapp打包h5出现白屏可能是由于以下原因导致的： 1.检查manifest.json文件中usingComponents设置为false 在manifest.json文件中，如果usingComponents设置为false，可能会导致页面无法正常显示。需要将其设置为true。 2.检查main.js是否引用的自定义js文件 如果在自定义js文件中存在错误，可能会导致页面无法正常显示。需要检查自定义js文件中的代码是否正确。 3.检查是否存在跨域问题 如果请求的接口存在跨域问题，可能会导致页面无法正常显示。需要在后端进行跨域处理。 以下是解决方案： 1.检查manifest.json文件中usingComponents设置为false 将usingComponents设置为true即可解决问题。 2.检查main.js是否引用的自定义js文件 检查自定义js文件中的代码是否正确，如果存在错误需要进行修复。 3.检查是否存在跨域问题 在后端进行跨域处理，或者使用uniapp提供的跨域插件进行处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值