#CORSしてないつもりなのにCORSエラーを吐く
firebaseのfunction便利ですよね。
クライアントからfunction叩いた時に、CORSしてない(同一プロジェクト内のfunctionを叩いている)のに下記のエラーを吐いてしばらく困りました。
console.log
Access to fetch at 'functionのURL' from origin 'hostingのURL' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.
##結論はただのミス
見出しの通りです。countUP
というfunctionを呼び出そうとしていたのにcountUp
と書いていたのが原因でした。
index.js
✕ const countUP= firebase.functions().httpsCallable('countUp')
〇 const countUP= firebase.functions().httpsCallable('countUP')
他にもfunctionの書き方でonCall
とonRequest
とかによってCORS関連のエラーを吐く場合があるようなので
firebaseのドキュメントのアプリから関数を呼び出すのページも見てみてください
しっかりコードを見直しましょう!!(戒め)