Skip to content

API URL 정리

jin-Pro edited this page Nov 14, 2021 · 1 revision

api url 같은 경우 process.env.REACT_APP_SERVER_URL:process.env.REACT_APP_SERVER_PORT/api/user/info 와 같은 경우

/api/user/info 부분을 process.env.REACT_APP_USER_INFO 이런식으로 .env 에 저장을 하였는데

코드에서

const url = `${process.env.REACT_APP_SERVER_URL}:${process.env.REACT_APP_SERVER_PORT}`;
const { data } = await axios.post(`${url}${process.env.REACT_APP_TEAM_UPDATE_API_URL}`)

와 같이 url이 너무 길어진다. process.env.REACT_APP_TEAM_UPDATE_API_URL와 같은 부분도 상수로 빼두어야할지에 대해서 고민

내 생각대로 하게 된다면

const url = `${process.env.REACT_APP_SERVER_URL}:${process.env.REACT_APP_SERVER_PORT}`;
const teamUpdateUrl = `${process.env.REACT_APP_TEAM_UPDATE_API_URL}`;
const { data } = await axios.post(`${url}${teampUpdateUrl}`)

와 같이 사용할 수 있지 않을까??

Clone this wiki locally