react-native配置不同环境使用不同的接口

最新推荐文章于 2023-07-15 11:36:07 发布

温柔如你，生活如梦

最新推荐文章于 2023-07-15 11:36:07 发布

阅读量237

点赞数

分类专栏： react-native踩坑记录文章标签： javascript react native react.js 前端

本文链接：https://blog.csdn.net/qq_53761321/article/details/131129250

版权

react-native踩坑记录专栏收录该内容

19 篇文章 0 订阅

订阅专栏

配置不同环境使用不同的接口

安装react-native-config

yarn add react-native-config
react-native link react-native-config
// ios执行
cd ios  
pod install

android/app/build.gradle文件里最下面添加

 
//2nd line, add a new apply:
 
 
apply from: project(':react-native-config').projectDir.getPath() +"/dotenv.gradle"

创建文件 .env.staging 预览环境，.env.production 生产环境 .env 开发环境每个文件接口不同

API_URL='https://yucloud.website/wyy'

package.json配置

// 不同平台运行方式不同
 
$ ENVFILE=.env.staging react-native run-ios # bash
 
$ SET ENVFILE=.env.staging && react-native run-ios # windows
 
$ env:ENVFILE=.env.staging; react-native run-ios # powershell
 
 
"scripts": {
    "android": "react-native run-android",
    "android-pro": "SET ENVFILE=.env.staging && react-native run-android",
    "ios": "react-native run-ios",
    "start": "react-native start",
    "test": "jest",
    "lint": "eslint ."
  },