Merge pull request #278 from TeamRecorDream/add-277-cors

[add] cors

package.json

@@ -14,6 +14,7 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "@types/cors": "^2.8.17",
     "@types/express": "^4.17.13",
     "@types/jest": "^28.1.6",
     "@types/jsonwebtoken": "^8.5.9",
@@ -46,6 +47,7 @@
     "aws-sdk": "^2.1171.0",
     "axios": "^0.27.2",
     "bcryptjs": "^2.4.3",
+    "cors": "^2.8.5",
     "dayjs": "^1.11.3",
     "dotenv": "^16.0.1",
     "ejs": "^3.1.8",

src/index.ts

@@ -1,18 +1,28 @@
 import express, { Request, Response, NextFunction } from "express";
-const app = express();
 import connectDB from "./loaders/db";
 import routes from "./routes";
 import swaggerUi from "swagger-ui-express";
 import YAML from "yamljs";
 import path from "path";
+import cors from "cors";
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 require("dotenv").config();
 
+const app = express();
 connectDB();
 
 app.use(express.urlencoded({ extended: true }));
 app.use(express.json());
 
+const whitelist = ["https://recordream-web.vercel.app", "http://localhost:5173"];
+const corsOptions: cors.CorsOptions = {
+  origin: whitelist,
+  credentials: true,
+  optionsSuccessStatus: 200,
+};
+
+app.use(cors(corsOptions));
+
 app.use(routes); //라우터
 // error handler
 const swaggerSpec = YAML.load(path.join(__dirname, "../build/swagger.yaml"));