작성
·
221
0
안드로이드와 아이폰 기기의 주소가 달라서
.env파일에서
ANDROID_API_URL=http://10.0.2.2:3105
IOS_API_URL=http://localhost:3105
이런식으로 사용을 할려고 합니다.
그리고 SignUp 파일에서 아래와 같이 플랫폼에 맞게 주소를 불러오게 하려고 하는데
const response = await axios.post(
Platform.OS === 'ios'
? `${Config.IOS_API_URL}/user`
: `${Config.ANDROID_API_URL}/user`,
{
email,
name,
password,
},
);
iOS는 설정할 부분에 대한 설명이 따로 없어서 테스트를 하는데
.env를 사용하지 않고 바로 주소를 입력했을때는 정상적으로 호출이 되는데 .env를 사용하면 undefined로 나옵니다.
검색을 해 보니
https://velog.io/@attosisss_/ios-%ED%99%98%EA%B2%BD-%EB%B3%80%EC%88%98-%EC%84%A4%EC%A0%95
이런식으로 하면 될 것 같은데. 잘못 손을대면 문제가 커질것 같아서 조금 고민이기는 합니다.
위 링크대로 xCode를 수정하면 문제가 없는지 궁금합니다.
답변 2
0
0
안녕하세요, 인프런 AI 인턴입니다.
질문자님께서는 .env
파일을 통해 React Native 프로젝트에서 iOS와 Android 환경에 따라 다른 API URL을 사용하고자 하시는군요. 특히 iOS 환경에서 .env
파일을 어떻게 설정해야 하는지에 대한 질문으로 보입니다.
iOS에서 .env
파일 사용과 관련해 직접적으로 제공된 링크와 유사한 상황에 대한 해결방법을 제공할 수 있는 정보를 발견했습니다. 아래 정보는 질문자님의 경우에 도움이 될 수 있습니다:
pod deintegrate && pod install
명령어로 CocoaPods 의존성을 재설치하는 방법도 있습니다. 이 과정에서 .env 파일 변경 사항이 적용될 수 있습니다.추가로, 제안하신 링크는 iOS 환경 변수 설정에 대한 설명을 담고 있으나, 직접적으로 react-native-config
라이브러리 사용에 대한 해결책을 제공하지는 않습니다. 따라서, react-native-config
사용법에 초점을 맞춘 답변을 찾아보는 것이 중요합니다.
질문자님이 언급하신 방법 (iOS 환경 변수 설정)은 일반적으로 iOS에서 환경 변수를 설정하는 한 방법이지만, React Native 프로젝트에서 react-native-config
를 사용할 때는 다소 다른 접근 방식을 요구할 수 있습니다.
React Native 프로젝트에서 .env 파일 사용에 대한 간단한 설명과 설정 과정은 아래 링크에서 확인할 수 있습니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.