Vue微信小程序和uniapp配置环境地址

const apiConfig = {
  develop: {
    api_host: "http://localhost:3000",
  },
  trial: {
    api_host: "https://api-trial.example.com",
  },
  release: {
    api_host: "https://api.example.com",
  },
};
export default apiConfig;

import Vue from 'vue'
import App from './App'
import apiConfig from './config.js'
Vue.prototype.$apiHost = ''
// 获取当前帐号信息
const accountInfo = uni.getAccountInfoSync();
const envVersion = accountInfo.miniProgram.envVersion;
if (envVersion === 'develop') {
  Vue.prototype.$apiHost = apiConfig.develop.api_host;
} else if (envVersion === 'trial') {
  Vue.prototype.$apiHost = apiConfig.trial.api_host;
} else if (envVersion === 'release') {
  Vue.prototype.$apiHost = apiConfig.release.api_host;
}
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
  ...App
})
app.$mount()

<template>
  <view>
    <text>{{ $apiHost }}/api/endpoint</text>
  </view>
</template>
<script>
export default {
  mounted() {
    console.log(this.$apiHost); // 输出当前接口地址
  }
}
</script>

App({
  globalData: {
    apiHost: ""
  },
  onLaunch: function() {
    // 获取当前帐号信息
    const accountInfo = wx.getAccountInfoSync();
    const envVersion = accountInfo.miniProgram.envVersion;
    let apiHost = "";
    if (envVersion === "develop") {
      apiHost = "http://localhost:3000";
    } else if (envVersion === "trial") {
      apiHost = "https://api-trial.example.com";
    } else if (envVersion === "release") {
      apiHost = "https://api.example.com";
    }
    this.globalData.apiHost = apiHost;
  }
})

const app = getApp();
const apiHost = app.globalData.apiHost;
 // 在其他页面中使用apiHost构建请求URL并发送请求
const url = `${apiHost}/api/endpoint`;
wx.request({
  url: url,
  method: 'GET',
  success: function(res) {
    console.log(res.data);
  },
  fail: function(error) {
    console.error(error);
  }
});