「React」の章の演習問題3の別解の内容を最新にアップデート

Author: chvmvd

docs/4-advanced/04-react/_samples/todo-database2/.gitignore

@@ -1,2 +1,5 @@
+# 別ドメインからFetch APIを用いてリクエストを送信可能にするために必要
+# WEB_ORIGINに設定したドメインからのリクエストのみを許可する
+# 参考：https://developer.mozilla.org/ja/docs/Web/HTTP/Guides/CORS
+WEB_ORIGIN="http://localhost:5173"
 DATABASE_URL=""
-WEB_ORIGIN=http://localhost:5173

docs/4-advanced/04-react/_samples/todo-database2/backend/.env.sample

@@ -1,4 +1,4 @@
-node_modules
-# Keep environment variables out of version control
-.env
-dist
+/node_modules
+/.env
+/generated/prisma
+/dist

docs/4-advanced/04-react/_samples/todo-database2/backend/.gitignore

@@ -1,10 +1,15 @@
 import express from "express";
 import cors from "cors";
+import { PrismaClient } from "./generated/prisma/index.js";
+
 const app = express();
-import { PrismaClient } from "@prisma/client";
 const client = new PrismaClient();
 
-app.use(cors({ origin: process.env["WEB_ORIGIN"] }));
+// 別ドメインからFetch APIを用いてリクエストを送信可能にするために必要
+// WEB_ORIGINに設定したドメインからのリクエストのみを許可する
+// 参考：https://developer.mozilla.org/ja/docs/Web/HTTP/Guides/CORS
+app.use(cors({ origin: process.env.WEB_ORIGIN }));
+
 app.use(express.json());
 
 app.get("/todos", async (request, response) => {