.env
*# VITE_API_URL=http://112.222.157.156:10003*
util.js
export const GLOBAL_URL = import.meta.env.VITE_API_URL || '<http://localhost:5173>';
→ 해석: 글로벌 URL이 있으면 .env에 있는 URL로 연결 하고 없으면( || 또는) localhost로 연결
각 Api.js
import { GLOBAL_URL } from './util';
(loginApi.js)
const url = GLOBAL_URL
(projectApi.js)
const url = `${GLOBAL_URL}/api/v1/boards`;
→ GLOBAL_URL 을 import하고, url에 GLOBAL_URL을 주소로 쓰고, 뒤에 필요한 api를 쓰면
${url} 주소를 하나하나 다 바꾸지 않아도 된다.