TODOリストの内容をバックエンドに保存する

[yutoAb]

現状

#2 バックエンド課題はこちらで対応済み
#9 フロントエンド課題はこちらで対応済み

TODO

フロントエンド (http://localhost:5173/) から API (http://localhost/todos) にリクエストして

• (すべての・任意のIDの)Todoリストを取得する
• 新しいTodoを追加する
• 任意のIDのTodoを更新する
• 任意のIDのTodoを削除する

メモ

nginx の設定変えるには，もう一回コンテナを作り直す必要あり．(Docker Desktopでのオンオフじゃダメ．)

docker-compose down
docker-compose up -d --build

完成版

2025-02-25.133259.mp4

[yutoAb]

サーバー側で CORS を許可する方法がわからないです．🙇‍♂️
compose.yml，nginx/default.confあたりに，フロントエンド (http://localhost:5173/)からのリクエストを許可するコードが必要かと思うのですが，その書き方をご教授頂きたいです．

(フロント側からサーバ側にSWRでリクエストを送ったところ，以下のような fetch のエラーが出てしまいます)

Access to fetch at 'http://localhost/todos' from origin 'http://localhost:5173' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.