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
uni - app 打包（H5，小程序，APP）
qq_25906119的博客
02-02 1513
uni-app ，H5端，小程序端，APP端打包
uniapp H5 发布流程
qq_45530512的博客
09-22 5129
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 793
在Uniapp中，路由模式主要有两种：Hash模式和History模式。这两种模式在实现方式和特点上有一些区别。
uniapp开发，打包成H5部署到服务器
maoge_666的博客
04-14 1万+
前端使用uniapp开发项目完成后，需要将页面打包，生成H5的静态文件，部署在服务器上。 这样通过服务器链接地址，直接可以在手机上点开来访问。
uniapp的打包：h5、微信小程序以及APP方式
蔡菜小奥比的博客
03-28 7441
本人用的是HBuilder编译器，学习uniapp时b站某位大大推荐的，我刚开始接触代码时候也用过，那时候并不好用这个编译器，但是现在试了一下挺好用的。微信小程序还有另外一种发行方式，就是可以勾选第三个方框，但是需要用到小程序密钥，大家可以试一下，我这里就不展示了。弹框之后只需要写网站标题即可，再点击发行按钮，然后等待就好了，打包好的文件会放在unpackage文件夹里。打包完会弹出这个框，自己看着来设置就好了。可以在微信开发者工具的项目配置里设置合法域名，也可以在本地设置里的不校验合法域名取消勾选。
将h5内嵌入uniapp，直接发布成微信小程序
weixin_52766240的博客
07-30 1850
关于已经发布了的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模式,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
unipp：使用vscode构建、发布h5
qq_42934208的博客
09-16 668
uniapp不使用hublidx发布h5，使用命令方式构建，手动发布
uniapp打包发布h5项目的缓存问题
weixin_62335239的博客
06-13 2017
uniapp打包发布h5项目的缓存问题 vue.config.js compression-webpack-plugin
uni-app H5打包上线流程
Yamy的博客
09-04 1545
uni-app h5 详细打包步骤
Jenkins发布uniapp开发的H5的常见问题
liuqingup的专栏
06-18 1690
最近在使用Jenkins实现uniapp开发的H5自动化发布时，遇到了一些常见问题。我在这里和大家分享一下我的解决方法。1：如何在Jenkins中使用uniapp编译H5项目？
uniapp 路由不要显示#
weixin_44195615的博客
09-06 4204
另外，切换到history模式后，你需要确保在打包或部署应用时，服务器能正确地处理路由请求，以避免404错误。具体的配置方式取决于你使用的服务器和后端框架。请注意，使用history模式需要后端服务器的支持。你需要在服务器上进行相应的配置，以确保在刷新页面或直接访问路由时能正确地返回对应的页面。方法来管理路由，而不再使用hash模式。在Uniapp中，路由默认使用的是hash模式，即在URL中添加。切换到history模式后，Uniapp将使用HTML5的。，可以切换为使用history模式。
uni-app开发微信公众号H5网页，用微信开发者工具调试公众号
热门推荐
weixin_40466351的博客
09-08 1万+
参考文档： 使用uniapp开发微信公众号（H5页面），用微信开发者工具调试微信公众号 1、根据官网文档，新建入口文件template.h5.html 官网文档 template.h5.html 直接复制过来就可以 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"
uni-app搭建h5项目
Sunshinedada的博客
02-21 1507
5. 打包试一下看看能不能放到nginx以及服务器上去。打包没问题之后再开发页面。运行即可，生成的路径在浏览器中可以打开，说明打出来的包可以在服务器中用。二、找到使用vue-cli命令行，按照文档上的步骤进行搭建。3）cmd切换到打包过的项目的目录地址。打包之后出现一下dist文件。2）查看是否下载完成。
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、付费专栏及课程。

余额充值