uniapp发布H5应用,并在nginx部署

uniapp发行H5-手机版,官网说的看似简单,按步骤操作下来,打开网页确实白的。一路百度查下来,终于实验成功,在此记录完整步骤如下:
一、HBuilderX配置uniapp工程,修改manifest.json关于h5的配置,如图:


image.png

最关键的两处配置,1.路由模式:hash 2.运行的基础路径 ./
菜单-发行-H5-手机版(仅适用uni-app),控制台打印编译成功、导出h5成功即可。

二、nginx部署
本条默认nginx已经安装配置好
第一步,打开nginx所在目录,把打包好的h5文件放到nginx/html目录下,如图


image.png

image.png

第二步,在此目录D:\nginx-1.16.1\conf打开nginx.conf,配置好端口号,服务地址,
location是按照uniapp官方文档要求配置的


image.png

第三步,浏览器打开http://localhost:9001访问成功,说明部署成功

image.png

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容