uniapp项目打包成H5,index页面运行为空白

最新推荐文章于 2024-05-09 15:51:29 发布
最新推荐文章于 2024-05-09 15:51:29 发布
阅读量6.3k 收藏 1
点赞数 1
分类专栏： uniapp打包 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55553121/article/details/123223963
版权

开发做的是app项目，需要吧项目打包成H5,在本地运行，H5打包完成之后，index页面运行为空白页面

1.下载nginx   nginx: download

2.将自己的H5打包好的文件夹，压缩放到nginx 里面的html里面，其他的文件删掉

3.双击nginx.exe（只要双击一下就行了）

4.在浏览器上面打开   localhost:端口/h5  就可以了

白茶——
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
uni-app 打包为 H5 并上传服务器
01-08
本文主要介绍如何将uni-app项目打包为H5版本，并将其部署到Web服务器上。 **配置步骤** 1. **备份代码**：在进行打包操作前，为了防止意外情况导致源代码受损，建议先复制一份项目代码作为备份。 2. **修改...
uniapp h5 和微信小程序 前端空白项目 demo
04-29
本项目以“uniapp h5 和微信小程序 前端空白项目 demo”为基础，旨在帮助开发者了解和掌握这两款技术的基础知识以及实际应用。 uniapp是一个基于Vue.js的多端开发框架，它允许开发者编写一次代码，即可发布到iOS、...
uniapp 调试时页面正常显示，打包后页面空白，不显示
咦~地瓜
05-27 8545
uniapp 调试时页面正常显示，打包后页面空白，无法显示。
uniapp打包H5空白页面或者刷新404问题
lianzhang861的博客
01-10 9283
uniapp的路由跟vue一样，有hash模式和history模式， 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 hash，我们可以用路由的history 模式，这种模式充分利用history.pushStateAPI 来完成 URL 跳转而无须重新加载页面。 官方文档：https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB...
uniapp打包h5项目后网页打开空白
最新发布
g470641382的博客
05-09 579
5.在刚刚打开的h5文件夹下cmd进入终端。1.在manifest文件下配置路径。6.点击下面出现的网址即可。3.打开打包后生成的。
uniapp打包成H5遇到的坑，本地访问页面空白
努力、拼搏、奋进
11-10 1137
uniapp打包成H5遇到的坑，本地访问页面空白
uniapp打包发布h5(打包之后页面空白问题)
weixin_51014776的博客
08-31 1441
uniapp打包发布h5(打包之后页面空白问题)
uniapp打包H5在本地运行出现页面空白，控制台报错现象
qq_56149957的博客
04-20 2279
最后点击下面出现的地址就可以访问了。执行 http-server。控制台报错，页面空白没有内容。原因：这里出现了跨域问题。
UNI-APP H5应用白屏（空白页）解决方案
云间月
01-31 1万+
UNI-APP H5应用白屏（空白页）解决方案 写在前面         最近公司有一些临时业务急需上线，考虑到H5应用测试部署的便捷性，因此从技术上采用H5网页的方式快速响应业务的需求，由于自己对uni-app 比较熟悉，之前也有用过uni-app开发过微信小程序，整理体验都还不错，这次也就采取uni-app开发H5应用，结果开发测试都还好，上线之后部分IOS用户反馈应用无法打开，具体现象表现为链接打开显示空白页、白屏。针对这
uni-app打包项目成h5，遇到本地访问页面空白
YourPasser的博客
10-25 2031
直接在本地打开static里面的inedx.html的时候，会出现空白页面。
uniapp打包成apk ---完整解压资源sdk
02-11
【标题】"uniapp打包成apk ---完整解压资源sdk" 涉及的主要知识点是使用uniapp开发移动应用，并将其编译打包为Android APK格式的过程。uniapp是一款基于Vue.js开发的多端统一框架，它允许开发者用一套代码实现跨平台...
h5 移动端空白项目 模板
10-09
"h5 移动端空白项目 模板"是一个为开发者准备的基础框架，它提供了一个干净、可定制的起点，方便快速构建H5应用程序。本文将详细讲解H5移动项目的构建基础、模板结构以及如何利用这个空白模板进行开发。 首先，了解...
uniapp H5 pdf、docx文档预览
04-07
`uniapp`是一个跨端开发框架，支持开发H5、iOS、Android等平台的应用。在这个场景下，我们将讨论如何在uniapp的H5环境中实现PDF和DOCX文档的预览。 首先，我们需要了解H5环境下的文档预览机制。对于PDF文件，大多数...
关于uniapp打包H5后，点击index.html，显示空白页面且找不到chunk-vendors.js的问题
Admin_yws的博客
03-11 2661
直接说解决方案 修改下manifest.json ——> h5配置 ——> 运行的基础路径为：./ 即可
uni-app运行时没有报错，H5端显示页面为空白，APP端和小程序端显示正常
lingliu0824的博客
02-11 7179
修改了App.vue后运行在浏览器中页面显示为空白了，但是APP端和小程序都还是正常显示。 原因：在App.vue中不能包含template标签，相当于App.vue里面只能写script脚本和公用的style样式。
uni-app打包项目部署线上出现白屏
m0_71231013的博客
05-25 3088
当我们的项目采用uni-app的h5一键打包方式后，部署到线上服务器后会显现白屏情况，可能是我们的基础项目路径设置的不对，导致找不到文件，以至于访问白屏。2.找到web配置 将运行的基础路径修改为 “” （注：要放在你项目文件的根路径之下）1.找到uni-app的工程文件的。那么我们改如何解决呢？
uniapp打包成H5本地访问页面空白
qq_43549505的博客
09-02 4063
uniapp打包成H5遇到的坑,本地访问页面空白 需要在manifest.json修改成截图的配置， 修改发布后页面就正常显示出来了 "h5" : { "title" : "test", "router" : { "mode" : "hash", "base" : "./" }, "publicPath":"./", "domain" : "http://www.baidu.cn" }
uniapp踩坑笔记——H5端打包之后页面空白/配置基础路径/相对路径
热门推荐
没沙发
07-11 2万+
需求 使用静态文件便可以访问项目，不需要部署到服务器上。 遇到的问题
跨平台应用开发进阶(五十)uni-app ios web-view嵌套H5项目白屏问题分析及解决
IT全栈 华强工作室
12-21 9159
应用uni-app框架开发好APP上架使用过程中，发现应用经过长时间由后台切换至前台时，通过webview方式嵌套的H5页面发生白屏现象。在前端减少内存使用，最重要的就是图片渲染，尤其是大图片。在页面上不要渲染多张大图，比如从摄像头或相册选择多张图，并缩放尺寸渲染在页面上，虽然肉眼看起来手机屏幕上是几张小图，但实际上是多张大图只是被缩小，这种情况非常耗费内存。一张图片3m，9张这样的大图同时渲染到屏幕上，什么手机都受不了。一个缩略图控制在几k或十几k，才是合理的。详情页面展现多张大图并不受影响。
uniapp如何打包成H5
04-19
您好！关于uniapp打包成H5的问题，我们可以利用uniapp提供的命令行工具进行打包。具体操作如下： 1. 在终端中进入项目所在文件夹，执行命令 npm run build:h5 2. 执行该命令后，uniapp会自动进行打包，打包完成后会在项目的dist目录下生成一个h5文件夹，即为我们所需的输出文件。 请注意，不同的uniapp版本可能会略有不同的打包方式，以上操作仅供参考。希望对您有所帮助！
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值