uniapp发行H5-手机版,官网说的看似简单,按步骤操作下来,打开网页确实白的。一路百度查下来,终于实验成功,在此记录完整步骤如下:
一、HBuilderX配置uniapp工程,修改manifest.json关于h5的配置,如图:
最关键的两处配置,1.路由模式:hash 2.运行的基础路径 ./
菜单-发行-H5-手机版(仅适用uni-app),控制台打印编译成功、导出h5成功即可。
二、nginx部署
本条默认nginx已经安装配置好
第一步,打开nginx所在目录,把打包好的h5文件放到nginx/html目录下,如图
第二步,在此目录D:\nginx-1.16.1\conf打开nginx.conf,配置好端口号,服务地址,
location是按照uniapp官方文档要求配置的
第三步,浏览器打开http://localhost:9001访问成功,说明部署成功