小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述（希望解决的问题）
例如在开发阶段，需要用到的接口是https://dev.qq.com/api/xxx，发布生产环境之后，则需要调用https://qq.com/api/xxx，所以如何在小程序里面根据当前环境来进行适配呢？
- 希望提供的能力
小程序根据开发环境切换接口地址
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
可以抽一个配置文件出来，然后挂载到App.js全局中： 内容如下 // 服务器环境集线
const apiHub = {
//开发环境
dev: {
API_BASE:'https://dev.com.cn',
FILE_UPLOAD_URL:'https://dev.com.cn/upload',
FILE_DOWNLOAD_URL:'https://dev.com.cn/dlfile'
},
//测试环境
test: {
API_BASE: 'https://test.com.cn',
FILE_UPLOAD_URL: 'https://test.com.cn/upload',
FILE_DOWNLOAD_URL: 'https://test.com.cn/dlfile',
}，
//生产环境
prod: {
API_BASE: 'https://prod.com.cn',
FILE_UPLOAD_URL: 'https://prod.com.cn/upload',
FILE_DOWNLOAD_URL: 'https://prod.com.cn/dlfile',
}
// 手动切换环境服务地址 (提交审核时，务必将此处改为prod)
const ENV = "prod";
// 导出配置
export default {
ENV:ENV,
...apiHub[ENV]
其他页面使用，直接URL前缀直接用变量就行了： App.config.API_BASE 以上是我目前采用的方式，有更好的方案，还请告知一下我。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
可以抽一个配置文件出来，然后挂载到App.js全局中： 内容如下 // 服务器环境集线
const apiHub = {
//开发环境
dev: {
API_BASE:'https://dev.com.cn',
FILE_UPLOAD_URL:'https://dev.com.cn/upload',
FILE_DOWNLOAD_URL:'https://dev.com.cn/dlfile'
},
//测试环境
test: {
API_BASE: 'https://test.com.cn',
FILE_UPLOAD_URL: 'https://test.com.cn/upload',
FILE_DOWNLOAD_URL: 'https://test.com.cn/dlfile',
}，
//生产环境
prod: {
API_BASE: 'https://prod.com.cn',
FILE_UPLOAD_URL: 'https://prod.com.cn/upload',
FILE_DOWNLOAD_URL: 'https://prod.com.cn/dlfile',
}
// 手动切换环境服务地址 (提交审核时，务必将此处改为prod)
const ENV = "prod";
// 导出配置
export default {
ENV:ENV,
...apiHub[ENV]
}
其他页面使用，直接URL前缀直接用变量就行了： App.config.API_BASE 以上是我目前采用的方式，有更好的方案，还请告知一下我。