feat: https 띄우기

Author: Soohyuniii

.gitignore

@@ -23,5 +23,6 @@ dist-ssr
 *.sln
 *.sw?
 
-# Vite HTTPS 인증서 관련 파일 
+# Vite HTTPS 인증서 관련 파일
+certs/
 *.pem

package-lock.json

@@ -22,6 +22,7 @@
   "devDependencies": {
     "@eslint/js": "^9.17.0",
     "@types/axios": "^0.9.36",
+    "@types/node": "^22.13.13",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",

package.json

@@ -2,12 +2,17 @@ import * as path from "path";
 import react from "@vitejs/plugin-react";
 import tailwindcss from "@tailwindcss/vite";
 import { defineConfig } from "vite";
-import mkcert from "vite-plugin-mkcert";
-
+import fs from "fs";
 // vite에서 @/store/useAuthStore와 같은 절대 경로를 사용하려면,
 // vite.config.ts 파일에서 alias 설정을 추가해야 합니다.
 export default defineConfig({
-  plugins: [react(), tailwindcss(), mkcert()],
+  server: {
+    https: {
+      key: fs.readFileSync("./certs/key.pem"),
+      cert: fs.readFileSync("./certs/cert.pem")
+    }
+  },
+  plugins: [react(), tailwindcss()],
   resolve: {
     alias: [
       { find: "@/", replacement: path.resolve(__dirname, "src") },