一、说明

二、步骤

1、manifest.json 基础配置

  • uni-app应用标识(AppID),不存在请点击 重新获取
    在这里插入图片描述

2、manifest.json h5配置

  • 配置 页面标题运行的基础路径端口
    在这里插入图片描述

3、发行

  • 依次选择:发行 -> 网站-PC Web或手机H5(仅适用于uni-app)[H]
    在这里插入图片描述

4、发行完毕

[HBuilder] 14:19:52.161 项目 'uni_demo'导出h5成功,路径为:F:/demoCode/uni_demo/unpackage/dist/build/h5
[HBuilder] 14:19:52.167 注意请部署到web服务器使用,不要使用资源管理器直接打开,除非进行相对路径配置,具体参考:https://ask.dcloud.net.cn/article/37432。
  • 导出的项目名为 h5,入口文件为 index.html
    在这里插入图片描述

5、nginx.conf 配置

  • nginx 配置文件正确性测试:nginx -t
  • nginx 重启命令:systemctl restart nginx
server {
    listen       80;
    #server_name  localhost;
    server_name  uni.abc.com;

    location / {
        root   /var/www/uni_app/h5;
        index  index.html index.htm;
    }
    # location
    # root: 将接收到的资源根据/usr/local/nginx/html/dist文件夹去查找资源
    # index: 默认去上述路径中找到index.html或者index.htm
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐