Feat: 배포 환경에 따른 환경 변수 설정 (#428)

Author: choiseona

Diff for: .gitignore

@@ -23,4 +23,6 @@ dist-ssr
 *.sln
 *.sw?
 
-.env
+.env
+.env.development
+.env.production

Diff for: package.json

@@ -3,10 +3,9 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
-  "proxy": "http://localhost:8080",
   "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
+    "dev": "vite --mode development",
+    "build": "tsc && vite build --mode production",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "test": "jest",

Diff for: src/apis/axios/axios.ts

@@ -1,7 +1,7 @@
 import { ACCESS_TOKEN } from "@/constants/localStorageKey";
 import axios, { AxiosResponse } from "axios";
 
-const BASE_URL = "http://localhost:8080/api";
+const BASE_URL = `${import.meta.env.VITE_API_URL}/api`;
 
 const instanceConfig = {
   baseURL: BASE_URL,

Diff for: src/apis/postPaymentSuccess.ts

@@ -21,7 +21,7 @@ const postPaymentSuccess = async ({
   };
 
   await instance
-    .post("http://localhost:8080/api/payment/toss/success", body, {
+    .post(`${import.meta.env.VITE_API_URL}/api/payment/toss/success`, body, {
       headers: {
         Authorization: encryptedSecretKey,
       },

Diff for: src/components/LogIn/GithubLoginButton/GithubLoginButton.tsx

@@ -2,8 +2,9 @@ import githubLogo from "@/assets/icon/github-mark.svg";
 import Button from "@/components/LogIn/Button/Button";
 
 function GithubLoginButton() {
-  const GITHUB_REDIRECT_URI =
-    "http://localhost:8080/oauth2/authorization/github";
+  const GITHUB_REDIRECT_URI = `${
+    import.meta.env.VITE_API_URL
+  }/oauth2/authorization/github`;
 
   const onClick = () => {
     window.location.href = GITHUB_REDIRECT_URI;