初次设置 #
在开始开发前,有一些内容需要提前一次性设置,分别是:
.pages.json 文件基础环境设置。
首页标题修改
"globalStyle": { "navigationBarTitleText": "Mall3s快速开发平台", //首页标题 "navigationBarTextStyle": "black", "navigationBarBackgroundColor": "#ffffff", "backgroundColor": "#f0f2f6", "usingComponents": { "ly-tree-node": "/components/ly-tree/ly-tree-node" } }
各项设置说明如下:
- navigationBarTitleText代表h5首页标题
manifest.json项目设置
具体配置指南参考uni-app项目配置文件指南 (opens new window)
h5网页端需要配置的不多主要配置说明:
- 修改应用名称和应用标识(注册好hbuilderx后,可直接生成)
- 编写应用描述
设置后端开发地址
打开utils/define.js文件,修改网站基础信息。
const baseURL = process.env.NODE_ENV === 'production' ?"http://h5.mall3s.com/gateway" :"http://localhost:5000";// 后台接口地址 const define = { baseURL: baseURL, webSocketUrl: "ws://message.mall3s.com/api/message/websocket",//socket通讯url comUploadUrl: baseURL + '/api/file/Uploader/', //文件上传地址 timeout: process.env.NODE_ENV === 'production' ? 60000 : 10000,//超时时间 version: "V1.0.0" } export default define
开发配置主要包括如下:
地址设置
timeout: api请求超时设置
webSocketUrl: 消息中心地址
comUploadUrl: 文件上传后台请求地址
version: 接口版本
baseURL: 后台api地址
网站 logo 图片修改:
static/logo.png
:正方形 Logo,仅 icon,无文字;
修改网站的 favicon 图标,在
static/favicon.ico
中, favicon 图标地址 url 替换为自己项目的 favicon 地址。