小程序-设置环境变量

在实际开发中,不同的开发环境,调用的接口地址是不一样的

例如:开发环境需要调用开发版的接口地址,生产环境需要正式版的接口地址

这时候,我们就可以使用小程序提供了 wx.getAccountInfoSync() 接口,用来获取当前账号信息,在账号信息中包含着 小程序 当前环境版本

javascript 复制代码
const accountInfo = wx.getAccountInfoSync()

应用 新建文件夹 env.js :

javascript 复制代码
// 就是配置当前小程序项目的环境变量
// 获取当前小程序的账号信息
const { miniProgram } = wx.getAccountInfoSync()
// 获取小程序的版本
const { envVersion } = miniProgram;

let env = {
    baseURL: "https://gmall-prod.atguigu.cn/mall-api"
}

switch (envVersion) {
    case 'develop':
        // 开发版
        env.baseURL = "https://gmall-prod.atguigu.cn/mall-api"
        break
    case 'trial':
        // 体验版
        env.baseURL = "https://gmall-prod.atguigu.cn/mall-api"
        break
    case 'release':
        // 正式版
        env.baseURL = "https://gmall-prod.atguigu.cn/mall-api"
        break
    default:
        break
}

export { env }
相关推荐
Mr_Mao15 小时前
告别选型困难!集 VueUse、ahooks、Mantine 于一身:286 个 Hook 的 ReaUse 来了
前端·javascript·react.js
默_笙16 小时前
🚙 一条腿走路会摔:ES 关键词检索、混合召回与 ReRank 裁判
前端·javascript
00后程序员张16 小时前
苹果App Store上架指南:费用、原理与步骤详解
android·ios·小程序·https·uni-app·iphone·webview
dsyyyyy110116 小时前
Vue 3 Watch 监视完全指南
前端·javascript·vue.js
u01110267518 小时前
Vue 3 实现图片裁剪框:拖动、缩放与固定宽高比
前端·javascript·vue.js
0nirvana019 小时前
从普通 script 到 ESM:一文搞懂 JavaScript 模块、IIFE 和 window
javascript
wshzd20 小时前
LLM之Agent(104)|DeepSeek-Harness(十三)ReactLoopAgent 总览:kick → turn → step
开发语言·前端·javascript
天天喝旺仔21 小时前
浏览器渲染原理:从解析 HTML/CSS、构建渲染树到重排重绘与首屏优化
前端·javascript·css·性能优化·html
Days20501 天前
时间胶囊项目正式发布
javascript·gpt·php
朱 欢 庆1 天前
el-table-v2 虚拟表格组件
前端·javascript·vue.js