実現したいこと
VueでFetch関数を呼び出した時のエラーを解決しようといています。
エラーの一つ目に CROSポリシーに反すると書いてあったので、'Access-Control-Allow-Origin': '*', を追加しましたがうまくいきませんでした。
もしかすると、 http://127.0.0.1:5000 がうまくいかないのかなとも思いましたが、分かりません。
発生している問題・エラーメッセージ
Access to fetch at 'http://127.0.0.1:5000/api' from origin 'http://localhost:5173' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: 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. CompareGbtModel.vue:23 POST http://127.0.0.1:5000/api net::ERR_FAILED
該当のソースコード
const fetched = await fetch(`http://127.0.0.1:5000/api`, { method: "POST", headers: { 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*', }, body: JSON.stringify({ "prompt": "prompt", })
試した該当のソースコード
const fetched = await fetch('http://[::1]:5000/api`, { method: "POST", headers: { 'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*', }, body: JSON.stringify({ "prompt": "prompt", })
バックエンド Fastify のコンソール
(node:3615) [FSTDEP011] FastifyDeprecation: Variadic listen method is deprecated. Please use ".listen(optionsObject)" instead. The variadic signature will be removed in `fastify@5`. (Use `node --trace-warnings ...` to show where the warning was created) Server running on http://[::1]:5000
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2023/04/05 02:22