1.发布H5端

1、路由模式为 history，运行的基础路径为/h5/

在HbuilderX打开manifest.json->h5配置->路由模式设置为history，运行的基础路径填写为/h5/
如以下图片所示：

点击HBuilderx 工具栏 → 发行 → 网站-H5手机版(仅适用于uni-app)(H)

请填写您的网站标题 和 网站域名后点击 发行 即可。

编译成功后。在HBuilderX的控制台会输出：

服务器配置

在你的项目的根目录/public 下新建一个目录为h5(演示目录，以实际项目为准),把刚刚打包好的static文件夹和index.html上传到h5目录下。

访问路径：域名/h5/
接着，我们需要设置伪静态，保证可以正常的刷新或直接打开非首页，请根据你所使用的运行环境配置伪静态

location /h5/ {
   try_files $uri /h5/index.html;
}

location / {
    if (!-e $request_filename){
        rewrite  ^(.*)$  /index.php?s=$1  last;   break;
    }
}

<IfModule mod_rewrite.c>

    RewriteEngine On
    RewriteBase /
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^h5/(.*) /h5/index.html [QSA,PT,L]
    
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond $1 !^(h5)
    RewriteRule ^(.*)$ index.php?s=/$1 [QSA,PT,L]
    
</IfModule>

2、路由模式为 hash，运行的基础路径为./

在HbuilderX打开manifest.json->h5配置->路由模式设置为hash，运行的基础路径填写为./
如以下图片所示：

点击HBuilderx 工具栏 → 发行 → 网站-H5手机版(仅适用于uni-app)(H)

请填写您的网站标题 和 网站域名后点击 发行 即可。

编译成功后。在HBuilderX的控制台会输出：

服务器安装：

在项目的 根目录/public 下新建一个目录为h5(演示目录，以实际项目为准),把刚刚打包好的static文件夹和index.html上传到h5目录下。

访问路径：域名/h5/