uni-app 打包H5文件

已于 2022-06-04 23:28:25 修改
阅读量556 收藏 1
点赞数 3
文章标签： 前端 vue.js javascript html5 web app
于 2022-06-04 23:05:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45966674/article/details/125126829
版权

在项目中打开manifest.json
选择H5配置
在这里插入图片描述
你需要填写一下项目名称 和路由模式
在这里插入图片描述
配置好后 在上方找到发行 选择 网站-PC WEB或手机H5
在这里插入图片描述
点击发行
在这里插入图片描述
uni工具终端就会输出打包路径
在这里插入图片描述

根据路径找到对应文件即可在这里插入图片描述

uni-app 打包为 H5 并上传服务器
01-08
前言 我主要是用 uni-app 来写安卓端，近日需要将程序打包为 H5 放到 web服务器 上，经过一番折腾。 配置 在开始之前，推荐你先【拷贝】一份代码，防止打包出现问题导致代码受损。 在你的项目文件中找到 manifest.json ，打开并作如图配置： 运行的基础路径 如果你写的是 “ /H5/ “ ，那么你的服务器中要建立一个 H5 文件夹。 发行时启动摇树优化 功能是去掉无用代码与僵尸代码，但勾选时要慎重。 发行(打包) 依次点击菜单 → 发行 → 网站-h5手机版，然后弹出对话框，请做如下配置： 最后点击 发行 ，控制台会显示打包日志。 查看包 打包成功后，控制台会给出如下类
uniapp打包h5
imkaifan的博客
04-30 232
1 、manifest.json配置： 2、发行 3、直接找到这个包，发给运维部署即可。（不要本地打开这个html文件，可能打不开，但是按照上述配置也是可以打开的）
uniapp打包发布h5、APP和微信小程序（自测体验版）
最新发布
qq_634380940的博客
12-24 1120
uniapp打包发布h5、APP和微信小程序（自测体验版）
uniapp 打包成H5
tumid的博客
05-24 2057
1.在hbuilder中工具栏中找到发行->网站pc web或手机h5 一栏 2.点击进去进入h5发行 3.发行后控制台进行编译 生h5包 ， 4.发送给后台，让后台部署上服务器（也可以自己部署）
uniapp打包成H5
niuniu2878499107的博客
06-13 1521
uniapp打包成H5页面
uniapp实现H5打包
wupinlong的博客
11-22 3767
1.找到manifest.json—h5配置 2.点击发行—H5打包 3.配置一下 4.双击打开打包好的H5 5.打包发给后端
uni-app打包H5自定义微信分享
培根芝士的专栏
11-22 1625
配置好OG标签信息后，从浏览器分享到微信时，在卡片上能正常显示标题、描述、缩略图。但是在使用微信内置分享（右上角->分享到朋友等）时，描述和缩略图没有正常显示。
uni - app 打包（H5，小程序，APP）
qq_25906119的博客
02-02 1644
uni-app ，H5端，小程序端，APP端打包
uni-app实现视频文件指定目录下载并重命名
01-27
【uni-app实现视频文件指定目录下载并重命名】 在移动应用开发中，有时我们需要实现一个功能，让用户能够从网络上下载视频文件，并将其保存到特定的本地目录，同时允许用户自定义文件名。uni-app是一个基于Vue.js的...
【uniapp】uniapp打包H5（网页端）：
SunPeng的博客
08-10 5896
【uniapp】uniapp打包H5（网页端）：
uniapp打包成h5页面
couch potato的博客
03-20 6961
1、manifest.json中修改h5配置，运行的基础路径设置为 ./ 表示相对路径 2、hbuilderx上方按钮，点击发行，选择“网站-pc web 或手机h5”，按流程操作，打包后的h5目录会显示在控制台中 3、uniapp项目必须经过发行打包才可以部署在Nginx上 4、客户端获取cookie的某个字段为null，需要后台排查http-only，为true时客户端无法获取，为false时客户端，可通过document. cookie方式获取 ...
uniApp 打包H5工程 超详细（打包-实现跨域-nignx配置）
热门推荐
qq_20236937的博客
04-18 2万+
参考文献： https://zhuanlan.zhihu.com/p/158100556 https://www.csdn.net/tags/MtTaEgxsNDk5OTAxLWJsb2cO0O0O.html https://www.jb51.net/article/180961.htm 打包步骤 当前端uniapp写的项目开发完成的时候，需要将页面打包出来，生成H5的静态文件，部署在服务器上，通过服务器链接地址，就可以直接在手机上点开访问 了。 在网上看了一圈，好像没有找到十分详细的教程，这里稍微详细的记
uniapp 打包H5，打包小程序，打包app分享到微信聊天、朋友圈
l15031138244的博客
09-08 2582
uniapp 打包H5，打包小程序，打包app分享到微信聊天、朋友圈
【uniapp】打包成H5并发布
春天的波菜
10-16 4292
uniapp打包成h5发布。
uni-app项目打包成H5部署到服务器
qq_36158551的博客
08-02 8160
前端使用 uniapp开发项目完成后，需要将页面打包，生成H5的静态文件，部署在服务器上。这样通过服务器链接地址，直接可以在手机上点开来访问。将项目打包成H5部署到服务器，然后链接地址使用uni-app或者android的项目的web组件引用，可实现多项目的数据融合。
uni-app开发打包成H5部署到服务器
m0_61368323的博客
08-04 775
1. 点击发行 2.点击进入manifest.json的h5配置里，根据自己的情况配置一些信息。一定要注意配置 “运行的基础路径”，如果出现空白页面或者静态文件404的情况，可能是因为这个路径没有配置好。 3. 填写域名 4. 点击发行后，控制台后显示打包后在哪里 5. 找到打包好后的web里面的static和index.html，把这两个放进服务器里就可以了。
uniapp开发，打包成H5部署到服务器
maoge_666的博客
04-14 1万+
前端使用uniapp开发项目完成后，需要将页面打包，生成H5的静态文件，部署在服务器上。 这样通过服务器链接地址，直接可以在手机上点开来访问。
uni-app怎么打包h5
02-16
要将 uni-app 打包成 H5，可以按照以下步骤操作： 1. 在 uni-app 项目的根目录下，打开命令行窗口（或终端）。 2. 运行以下命令安装依赖： ``` npm install ``` 3. 运行以下命令编译打包： ``` npm run build:h5 ``` 4. 打包完成后，会在项目根目录下生成一个 `dist` 目录，里面包含了打包好的 H5 应用程序。 5. 把 `dist` 目录中的所有文件上传到 Web 服务器上，就可以通过浏览器访问了。 注意：在打包 H5 之前，需要在 uni-app 项目中的 `manifest.json` 文件中配置好 H5 相关的参数，比如 `h5` 属性下的 `router`、`customRoutes` 等。同时，如果需要在 H5 中使用微信登录等功能，还需要在 uni-app 项目中安装相应的插件，并按照插件文档中的说明进行配置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值