uni-app h5打包发版到测试和生产环境具体步骤

前言：

最近需要在uniapp项目上修改需求，完成后需要将页面打包出来，生成h5静态文件，然后部署到测试和生产环境，这里总结下我的具体操作步骤

步骤：

1. 测试域名打开，因为我项目里测试域名都是test.开头的，所以全局搜 test. , 打包之前要手动切换接口域名；做完需求后提交到git
2. 发测试包的时候就把所有文件test. 这个地址放开。发生产的时候把生产地址放开
3. 项目需要自己手动打包，打包的时候用hbuilder，点击菜单栏发行，点击选择网站-H5手机版，在自己本地编译完，它会告诉你编译路径。
4. 打开编译完生成的路径，复制/dist/build/h5文件夹里所有的内容，这里主要是一些静态文件；都拖到桌面新建dist文件夹中，然后压缩成.zip文件夹再去发版工具发版。
   
   关于为什么要新建一个dist文件夹？？
   如果打包的是h5项目，那就会在 dist/build 目录下生成一个h5的文件夹，文件夹内部就是打包好的文件，也就是运维要部署的文件。但是运维部署的时候，一般都是一套的，只会取dist根目录下的文件，一般不会去内部找文件，所以需要在桌面新建dist文件夹，把h5文件夹里编译好的文件复制一份放在dist文件夹中；以上纯属个人理解。

注意：

博主就在压缩成.zip文件夹再去发版工具发版这里出错了，一开始把dist文件下的东西全部都上传到发版工具,导致页面打不开，后来在同事帮助下才知道只需要把h5下的静态文件压缩上传就行，也就是上面的步骤4

之后又在网上看到一位博主关于创建多环境以及打包问题的讲解感觉挺不错的
https://blog.csdn.net/qq_40792800/article/details/107768736