初次设置 #

在开始开发前,有一些内容需要提前一次性设置,分别是:

  1. .pages.json 文件基础环境设置。

    首页标题修改

    "globalStyle": {
    		"navigationBarTitleText": "Mall3s快速开发平台",  //首页标题
    		"navigationBarTextStyle": "black",
    		"navigationBarBackgroundColor": "#ffffff",
    		"backgroundColor": "#f0f2f6",
    		"usingComponents": {
    			"ly-tree-node": "/components/ly-tree/ly-tree-node"
    		}
    	}
    

    各项设置说明如下:

    • navigationBarTitleText代表h5首页标题
  2. manifest.json项目设置

    具体配置指南参考uni-app项目配置文件指南 (opens new window)

    h5网页端需要配置的不多主要配置说明:

    1. 修改应用名称和应用标识(注册好hbuilderx后,可直接生成)
    2. 编写应用描述

    image-20230312142324452

  3. 设置后端开发地址

    打开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地址

  4. 网站 logo 图片修改:

    1. static/logo.png:正方形 Logo,仅 icon,无文字;
  5. 修改网站的 favicon 图标,在 static/favicon.ico 中, favicon 图标地址 url 替换为自己项目的 favicon 地址。

上次更新: 3/12/2023, 8:08:52 AM