uniapp开发h5部署（uniapp编译h5）
本篇文章给大家谈谈uniapp开发h5部署，以及uniapp编译h5对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
- 1、uniapp h5项目用nginx部署需要的配置
- 2、uni-app发布H5流程
- 3、将 Hello uniCloud 发布H5到“前端网页托管”
- 4、uniapp打包h5部署服务器，apache，uniapp配置history模式
- 5、uniapp发布H5应用，并在nginx部署
uniapp h5项目用nginx部署需要的配置
我项目里有若依后台，和一个微信公众号h5项目，之前用hbuilder启动的时候没什么问题，后来给用户部署的时候，发现配置挺麻烦的，研究了一下：
1.项目编译后，是放在一个h5目录下的，如果你的项目有自己的名字，就是基础路径不为/,比如/gzh，那部署的时候也得放在gzh目录下，并配置nginx指明：
2.如果项目里访问api到后台的话，需要配置：
完毕。
uni-app发布H5流程
首先在manifest.json文件中进行基础配置，获取uni-app的ID号，填写应用名称，应用描述，版本名称以及版本号。
然后在H5配置模块，填写页面标题等基础信息。
点击发行-》网站-PC Web 或手机H5-》填写网站标题，网站域名。
点击发布以后本地会生成一份打包文件，将打包文件上传至设置的网站，访问网站域名即可。
将 Hello uniCloud 发布H5到“前端网页托管”
1、用 Hbuilderx 创建一个项目：选：uniapp-Hello uniCloud；
2、关联阿里云服务空间，初始化服务空间；
3、发行-上传网站到服务器
4、打开 uniCloud Web 控制台，进行跨域设置
新增域名：
api.bspapp.com
static-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.bspapp.com
5、访问： 即可
实际应用：可以使用 uniapp 开发小程序作为前端，连接 uniCloud 云服务空间，获取数据；使用 uni-admin 开发后台管理程序（H5），发布到云服务空间的“前端网页托管”，就可以实现不用单独申请云主机，使用uniCloud云服务空间实现前后端系统的部署，而且云服务空间提供一定的免费流量，在开发测试阶段使用是完全没有问题的。
uniapp打包h5部署服务器，apache，uniapp配置history模式
文件内容如下：
-是的，你没有看错，就这么简单的四行
我们的项目大多会部署在二级目录下，而不是根目录下
网上大多教程让人不明觉厉
uniapp发布H5应用，并在nginx部署
uniapp发行H5-手机版，官网说的看似简单，按步骤操作下来，打开网页确实白的。一路百度查下来，终于实验成功，在此记录完整步骤如下：
一、HBuilderX配置uniapp工程，修改manifest.json关于h5的配置，如图：
二、nginx部署
本条默认nginx已经安装配置好
第一步，打开nginx所在目录，把打包好的h5文件放到nginx/html目录下，如图
第二步，在此目录D:\nginx-1.16.1\conf打开nginx.conf,配置好端口号，服务地址，
location是按照uniapp官方文档要求配置的
第三步，浏览器打开 访问成功，说明部署成功
关于uniapp开发h5部署和uniapp编译h5的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
