unapp项目发布h5 详细操作流程以及注意事项 （hash模式）

已于 2023-11-18 11:25:28 修改
阅读量1.4k 收藏
点赞数
分类专栏： uniapp开发h5 文章标签： 前端
于 2023-10-16 14:55:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57033755/article/details/133858211
版权

参考文章：

手把手教你解决web前端跨域问题_hbuilderx内部浏览器为什么不存在跨域访问-CSDN博客

uni-app 2.2 大幅优化H5端性能体验，只开发H5，也要用uni-app - DCloud问答

服务器端如何开启GZIP压缩功能 - 掘金
 

uni-app的H5版使用注意事项 - DCloud问答

首先需要在manifest.json文件中的web配置中

这里因为公司项目都是hash模式 所以写的./    接下来看源码视图会发现多了一个配置项：

接下来点击hbx上面的  发行====》网站-PC Web或手机H5(仅适用于uni-app)(H)

 

此时查看控制台会显示打包后的存放路径

 接下来就直接给后端同学就好了。

官方uni提供的h5项目的注意事项：uni-app的H5版使用注意事项 - DCloud问答

参考博客：uniApp 打包H5工程 超详细（打包-实现跨域-nignx配置）_uni-appdabaoh5-CSDN博客 

本次遇到的项目是后端用nignx 代理的  nignx捕获网页请求的端口号，然后捕获/api的接口请求

柑橘乌云_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
uni-app - 最新实现将 uniapp 项目打包编译为 H5 网站，并上传部署到 web 服务器进行发布预览（从打包到发布完整流程步骤，Hbuilder 编译打包 h5 发行到 web 服务器）
王佳斌
03-06 1万+
uniapp，打包h5，打包编译H5网站，怎么打包h5，uniapp打包成H5部署到服务器教程，uniapp打包H5页面发布到服务器，uniapp开发,打包成H5部署到服务器_uniapp 打包h5，uniapp如何打包h5项目，怎么把项目打包成H5，uniapp如何打包成H5并且放到web端上，打包成h5部署到服务器的步骤，打包发行到h5报错怎么办，如何将uniapp打包的h5网站放到服务器上，编译打包后怎么放到web服务器中，如何将uniapp开发的H5打包并部署到服务器，部署使用uniapp开发的h5
uniapp H5 发布流程
qq_45530512的博客
09-22 5131
uniapp 微信公众号 上线流程 此应用 DCloud appid 为 __UNI__150DF60 ，您不是这个应用的项目成员。1、联系这个应用的所有者，请求加入项目成员（https://dev.dcloud.net.cn "成员管理"-"添加项目成员"）；2、重新在manifest.json中生成自己的APPID；3、联系应用所有者将此 DCloud appid 转让给当前账号。
uniapp 路由模式hash和history
最新发布
weixin_44735965的博客
05-31 796
在Uniapp中，路由模式主要有两种：Hash模式和History模式。这两种模式在实现方式和特点上有一些区别。
uniapp开发，打包成H5部署到服务器
热门推荐
maoge_666的博客
04-14 1万+
前端使用uniapp开发项目完成后，需要将页面打包，生成H5的静态文件，部署在服务器上。 这样通过服务器链接地址，直接可以在手机上点开来访问。
uniapp h5发行
qq_44792224的博客
11-13 2062
前端使用uniapp开发项目完成后，需要将页面打包，生成H5的静态文件，部署在服务器上。这样通过服务器链接地址，直接可以在手机上点开来访问。
【RuoYi移动端】uni-app如何发布h5网站？
【敦厚的曹操】的专栏
08-26 761
一、登录D-Cloud开发者中心。三、填写和提交创建应用。
uniapp项目打包发布H5本地预览
weixin_53339757的博客
01-04 3527
uniapp项目打包H5本地预览
基于vue hash模式微信分享#号的解决
10-14
本文将详细介绍如何解决Vue Hash模式下微信分享时`#`号被去除的问题。 **问题描述：** 当使用Vue的Hash模式进行开发，并在微信环境中分享页面时，分享出去的链接会被微信处理，`#`号会被去掉，同时追加如`?...
vue-router两种模式区别及使用注意事项详解
10-16
Vue Router 是Vue.js应用程序中的关键组件，它提供了强大的路由管理功能，使得单...`hash`模式适用于不需要服务器配置或无法修改服务器配置的情况，而`history`模式则更适合追求良好用户体验和对URL有较高要求的项目。
vue-router中的hash和history两种模式的区别
10-18
大家都知道vue-router有两种模式，hash模式和history模式，这里来谈谈vue-router中的hash和history两种模式的区别。感兴趣的朋友一起看看吧
一文了解vue-router之hash模式和history模式
10-16
主要介绍了一文了解vue-router之hash模式和history模式,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
uniapp打包成H5部署到服务器教程
qq_45961915的博客
10-13 4561
2：在网站域名这一栏填写，网站域名，例如www.xxx.com或者你的服务器的IP地址47.103.XX.XX，（这个地址是你将项目打包之后存放放静态文件的地址）。[在这里插入图片描述](https://img-blog.csdnimg.cn/bd5dcec4ee634cc3bcd0d895669e7923.png。链接：https://www.jianshu.com/p/dee3043bc994。8：注意，这三个地方的路径名称一定要一致哦。1：打包时候的配置的运行的基础路径。3：浏览器里面访问的路径。
Uni-app h5应用开发到部署
weixin_59525835的博客
02-04 2203
注意只能扩展web和小程序平台，不能扩展app打包。并且扩展小程序平台时只能基于指定的基准平台扩展子平台，不能扩展基准平台。打包完成后如果想在本地预览，需要在该项目的终端全局安装 npm install http-server -g。本地运行时可以点击运行到浏览器-》chrome即可打开h5应用页面进行调试。2、配置完H5后点击发行，选择自定义发行-》build:pro。1、打开manifest.json文件配置H5。项目中会生成打包文件，但是本地运行不起来。扩展节点，可实现自定义条件编译平台。
【uniapp】uniapp打包H5（网页端）：
SunPeng的博客
08-10 5088
【uniapp】uniapp打包H5（网页端）：
uniapp的打包：h5、微信小程序以及APP方式
蔡菜小奥比的博客
03-28 7446
本人用的是HBuilder编译器，学习uniapp时b站某位大大推荐的，我刚开始接触代码时候也用过，那时候并不好用这个编译器，但是现在试了一下挺好用的。微信小程序还有另外一种发行方式，就是可以勾选第三个方框，但是需要用到小程序密钥，大家可以试一下，我这里就不展示了。弹框之后只需要写网站标题即可，再点击发行按钮，然后等待就好了，打包好的文件会放在unpackage文件夹里。打包完会弹出这个框，自己看着来设置就好了。可以在微信开发者工具的项目配置里设置合法域名，也可以在本地设置里的不校验合法域名取消勾选。
uni - app 打包（H5，小程序，APP）
qq_25906119的博客
02-02 1513
uni-app ，H5端，小程序端，APP端打包
uniapp h5 小程序 打包发布
qq_70250331的博客
08-10 235
h5 小程序：
uniapp开发微信小程序打包成h5部署
Liw_J的博客
03-21 1507
需要打包成功之后，会在unpackage页面生成的dist文件夹中多一个Build文件，里面包含h5页面。需要部署的话就把h5页面打包部署即可。需要自己uniapp的appId。此appid是uniapp的appid，非微信小程序给的appid。默认生成的打包链接，静态资源访问的路径是“/static/css”，项目要求前缀添加/mnapp。项目使用uniapp以vue2开发小程序，开发完成之后打包h5部署，包含修改静态资源路径。：打包方式(点击发行 -> 点击网站-PC)
murmurhash3详细算法流程
05-31
MurmurHash3是一种非加密哈希算法，用于生成任意长度的哈希值。它是MurmurHash系列中的第三个版本，也是最新的版本。以下是MurmurHash3的详细算法流程： 1. 初始化 MurmurHash3的初始哈希值为一个常量：0x9368e53c2f6af274。 2. 处理数据 将输入数据按4字节（32位）为单位分组，每组称为一个块（chunk），并对每个块进行处理。如果最后一个块的字节数不足4字节，则需要进行填充。 对于每个块，MurmurHash3先将块内的数据视为一个32位整数数组，然后对数组中的每个元素进行以下操作： a. 将数组元素与一个常数c1进行乘法运算。 b. 将结果向左循环移位r1位。 c. 将结果与一个常数c2进行乘法运算。 d. 将结果与哈希值进行异或运算。 e. 将结果向左循环移位r2位。 f. 将结果与哈希值进行异或运算。 3. 完成哈希值计算 处理完所有块后，需要对哈希值进行一些操作以完成哈希值计算。具体步骤如下： a. 将哈希值与输入数据总字节数进行异或运算。 b. 将结果与一个常数c1进行乘法运算。 c. 将结果向左循环移位r1位。 d. 将结果与一个常数c2进行乘法运算。 e. 将结果与哈希值进行异或运算。 f. 将结果向左循环移位r2位。 g. 将结果与哈希值进行异或运算。 4. 输出哈希值 最终得到的哈希值就是MurmurHash3的输出结果。 需要注意的是，MurmurHash3有两个版本：32位和128位。它们的算法流程是不同的。上面给出的是32位版本的算法流程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

柑橘乌云_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值