🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 1.发布H5端 ## 1、路由模式为 history,运行的基础路径为/h5/ 在HbuilderX打开`manifest.json`\->`h5配置`\->路由模式设置为`history`,运行的基础路径填写为`/h5/` 如以下图片所示: ![](https://img.kancloud.cn/02/c4/02c4864a3aa5addabfce6032f3abf6a2_983x751.png) 点击HBuilderx`工具栏`→`发行`→`网站-H5手机版(仅适用于uni-app)(H)` ![](https://img.kancloud.cn/42/d0/42d09e8f671f4a192aadf0e22ae8eb28_1200x544.png) 请填写您的网站标题 和 网站域名后点击`发行`即可。 ![](https://img.kancloud.cn/7f/6d/7f6d86337ba9d49dc4c2b4957c0ba7bd_1200x544.png) 编译成功后。在HBuilderX的控制台会输出: ![](https://img.kancloud.cn/dc/f5/dcf5bc863db684a7c2a4d3d30c37b164_1301x235.png) ![](https://img.kancloud.cn/42/06/420604639a4a4d0e1d2f8d0694a02541_710x176.png) #### 服务器安装: 在你的项目的`根目录/public`下新建一个目录为`h5`(演示目录,以实际项目为准),把刚刚打包好的`static`文件夹和`index.html`上传到`h5`目录下。 接着,我们需要设置伪静态。保证可以正常的刷新或直接打开非首页。 如果你用的是`nginx`,则其伪静态为: ~~~bash location /h5/ { try_files $uri /h5/index.html; } location / { if (!-e $request_filename){ rewrite ^(.*)$ /index.php?s=$1 last; break; } } ~~~ 访问路径:`域名/h5/` 如果你用的是`apache`则其伪静态为: ~~~apache <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`,运行的基础路径填写为`./` 如以下图片所示: ![](https://img.kancloud.cn/53/c8/53c864a14ac7017384d64a28315029e0_873x695.png) 点击HBuilderx`工具栏`→`发行`→`网站-H5手机版(仅适用于uni-app)(H)` ![](https://img.kancloud.cn/42/d0/42d09e8f671f4a192aadf0e22ae8eb28_1200x544.png) 请填写您的网站标题 和 网站域名后点击`发行`即可。 ![](https://img.kancloud.cn/7f/6d/7f6d86337ba9d49dc4c2b4957c0ba7bd_1200x544.png) 编译成功后。在HBuilderX的控制台会输出: ![](https://img.kancloud.cn/dc/f5/dcf5bc863db684a7c2a4d3d30c37b164_1301x235.png) ![](https://img.kancloud.cn/42/06/420604639a4a4d0e1d2f8d0694a02541_710x176.png) #### 服务器安装: 在项目的 根目录/public 下新建一个目录为h5(演示目录,以实际项目为准),把刚刚打包好的static文件夹和index.html上传到h5目录下。 访问路径:`域名/h5/`