## 1、打开 HBuilderX 打开->打开目录 找到插件内 uni-app 文件夹打开 ## 2、 配置config文件 uni-app -> config -> config.js ~~~ // 前端路径 export const baseUrl = 'http://modo.com/#' // api调用目录 export const baseApiUrl = 'http://modo.com/api/moyi/' // cnd域名。没有就填写后端域名 export const cndUrl = 'http://cdn.fyxbl.top' // logo使用base64编码 export const baseLogo = 'data:image/png;base64,～～～～*' // 网站标题 export const title = '默毅CMS' // 主题样式 export var bgClass = 'bg-yellow text-white' ~~~ ## 3、发行 按照需求端口发行 网站-H5手机版（必须） ## 4、前端 发行H5手机版到你自己想设置的域名主目录内或者配置二级目录路径 以下文章来自 [http://ask.dcloud.net.cn/article/35232](http://ask.dcloud.net.cn/article/35232) 1. 配置发行后的路径（发行在网站根目录可不配置），比如发行网站路径是www.xxx.com/html5，在manifest.json可视化界面 - H5配置 - 运行的基础路径中设置，也可以在源码视图内编辑h5节点，router下增加base属性为html5。 可视化界面设置： [](http://img-cdn-qiniu.dcloud.net.cn/uploads/article/20190528/ecc899b670c6c6965b3a9ea4d30a91ea.png) 源码视图设置： [](http://img-cdn-qiniu.dcloud.net.cn/uploads/article/20181116/6ab94f68e109bb07e4f422c95a2c9015.png) 2. 点击菜单 发行->H5 3. 在当下项目下的unpackage/dist/build/h5目录找到出的资源，部署服务器（或者使用本地服务器预览，**不要直接在浏览器打开html文件**）。如果发布使用的history模式，需要服务端配合，参考：[后端配置方式](https://router.vuejs.org/zh/guide/essentials/history-mode.html)