search

YukoKano / coffee

2024/2~
https://coffee-yukokano013.vercel.app
0 stars 0 forks source link

useEffectを使ってコーヒーの画像を持ってくる #15

Open YukoKano opened 8 months ago

YukoKano commented 8 months ago

useEffectを使う

↓コーヒーの画像持ってくる

https://coffee.alexflipnote.dev/

YukoKano commented 8 months ago

axiosを使う

YukoKano commented 8 months ago

useState使って持ってきた画像保持する

YukoKano commented 8 months ago

useSWRを使うと記述が楽になり、軽くなる →氏名持ってくるとかのがあれば、口コミみたいにして面白くなりそう

YukoKano commented 8 months ago

Access to fetch at 'https://coffee.alexflipnote.dev/random.json' from origin 'http://localhost:3000' 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.

CORSエラーが出る

https://b1san-blog.com/post/web/web-cors/

おそらくそのままfetchした場合、相手側APIでlocalhostから叩けないようになっているからエラーが出ている （相手側でヘッダーを設定する必要がある） →なのでAxiosが便利なのかな？

YukoKano commented 8 months ago

useSWRを使うと記述が楽になり、軽くなる →氏名持ってくるとかのがあれば、口コミみたいにして面白くなりそう

これまだわからん