## 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/`
- 概述
- 安装
- 配置
- 模板
- 标签
- 全局标签
- 文档/文档列表
- 专题/专题列表
- 栏目/栏目列表
- 公共参数
- 单页/单页列表
- 特殊标签
- 栏目列表页
- 分页标签
- 自定义字段
- ThinkPHP5标签
- 自定义表单数据列表
- 自定义过滤条件
- 用户信息
- 模板目录
- API
- 小程序
- 控制器
- Archives.php
- Base.php
- Common.php
- Index.php
- My.php
- User.php
- 准备工作
- 导入项目
- 修改配置
- 测试数据
- 多语言
- 常见问题
- Uniapp版
- 1.准备工作
- 1.HbuilderX安装
- 2.Hbuilder 插件安装
- 2.导入项目
- 3.运行项目
- 1.运行前的配置
- 2.运行为H5
- 3.运行为微信小程序
- 4.运行为APP
- 4.项目发布
- 1.发布H5端
- 2.发布微信小程序
- 3.发布APP
- 5.登录配置
- 6.常见问题
- 1.关于自定义导航栏切换闪烁问题
- 2.关于后台移动端样式预览问题
- 3.关于支付配置的问题
- 4.前端跨域的问题
- 5.关于各端内容分享的问题
- 6.关于签到问题
- 7.关于公众号授权登录问题
- 8.关于底部导航的追加或删除问题
- 9.运行微信小程序,进入微信小程序客户端后,没有底部菜单
- 10.关于首页焦点图的修改
- 11.关于发布小程序代码大小超出的问题
- 12.前端显示空白或白屏或提示网络请求错误的问题
- 13.关于如何在非tabbar配置页面显示tabbar导航
- 14.关于更换资讯页为主页的问题
- 15.关于更新1.4.4版本分包问题
- 16.Tabbar底部高亮显示问题
- 17.微信小程序获取手机号失败
- 18.微信小程序从页面侧滑返回或按键返回时Tabbar丢失的问题
- 19.Tabbar底部不支持外部链接的修复方法
- API文档
- 公共接口(Common)
- 文档接口(Archives)
- 评论接口(Comment)
- 自定义表单(Diyform)
- 短信验证码(Sms)
- 邮箱验证码(Ems)
- 登录/注册(Login)
- 我的接口(My)
- 搜索文档(Search)
- 标签文档(Tag)
- 日志中心(TheLogs)
- 会员中心(User)
- 专题接口(Special)
- 功能解说
- 自动内链
- 自定义表单
- 区块管理
- 栏目管理
- 模型管理
- 伪静态
- Sitemap
- 安全更新