live Instance와 local Instance를 동적으로 설정하는 방법

const live = '라이브서버주소'
const local = '로컬호스트 주소'

console.log(process.env.NODE_ENV)
// React 내부에서 어떤 환경으로 실행되고 있는지 조회할 수 있음 
// 개발환경일때는 development 라고 뜸 

const host = process.env.NODE_ENV === 'development' ? local :live

export const locationRequest = (serchTerm) => {
	return fetch(`${host}/API주소`).then....
}

 

확장성이 있는 util 모듈로 만들어보자  ㅇ_ㅇ 

 

/src/utils/env.js

const liveHost = '라이브서버주소'
const localHost = '로컬호스트 주소'

export const isDevelopment = process.env.NODE_ENV === 'development'
export const host = isDevelopment? liveHost : localHost

 

이렇게 만들어놓으면 로컬환경일때는 로컬주소로, 배포환경일때는 배포주소로 설정이 된당 대박

 

import { host } from '../../utils/env';

export const locationRequest = (serchTerm) => {
	return fetch(`${host}/API주소`).then .....  
}

 

깔끔해 채고야