江西建设监督网站,郑州企业网站排名优化,怎样看网站的浏览量,广州微型网站建设一、基础路径集中管理 在微信小程序项目开发中#xff0c;经常会将请求的基础路径集中管理 这样可以避免在多个页面中重复定义#xff0c;同时也方便后续维护与修改 二、基础路径集中管理策略
1、使用全局变量
微信小程序提供了 App 对象#xff0c;可以在 app.js 中定义…一、基础路径集中管理 在微信小程序项目开发中经常会将请求的基础路径集中管理 这样可以避免在多个页面中重复定义同时也方便后续维护与修改 二、基础路径集中管理策略
1、使用全局变量
微信小程序提供了 App 对象可以在 app.js 中定义全局变量然后在各个页面中通过 getApp 方法获取
在 app.js 中定义基础路径全局变量
AppIAppOption({globalData: {baseUrl: http://127.0.0.1:12345},...
});在页面中获取基础路径全局变量
const app getApp(); // 获取 App 实例const baseUrl app.globalData.baseUrl;2、使用配置文件
将基础路径存放在一个独立的配置文件中然后在需要的地方引入
创建配置文件在 miniprogram 目录下创建 config.js 文件定义基础路径
const config {baseUrl: http://127.0.0.1:12345,
};module.exports config;在页面中引入配置文件使用基础路径
const config require(../../config.js);const baseUrl config.baseUrl;三、动态切换基础路径
1、具体实现
在 app.js 中定义基础路径全局变量
const accountInfo wx.getAccountInfoSync();const baseUrls {develop: http://127.0.0.1:12345, // 开发环境地址trial: http://127.0.0.1:12345, // 体验环境地址release: https://www.example.com:12345, // 生产环境地址
};AppIAppOption({globalData: {baseUrl: baseUrls[accountInfo.miniProgram.envVersion]},...
});在页面中获取基础路径全局变量
const app getApp(); // 获取 App 实例const baseUrl app.globalData.baseUrl;2、学习 wx.getAccountInfoSync()
1基本介绍 wx.getAccountInfoSync() 是微信小程序提供的一个同步接口用于获取当前小程序的账号信息 该接口返回一个对象通过这个对象开发者可以获取到小程序的 AppID、版本信息、环境设置等
2演示
const accountInfo wx.getAccountInfoSync();if (accountInfo.miniProgram.envVersion develop) {console.log(当前是开发环境);
} else if (accountInfo.miniProgram.envVersion trial) {console.log(当前是体验环境);
} else if (accountInfo.miniProgram.envVersion release) {console.log(当前是正式环境);
}