前提・実現したいこと
ローカルのAxiosからLaravelにデータをポストして、値を受け取りたい。
axiosのPost機能を実装中に以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
Access to XMLHttpRequest at 'http://hoge.net/request/qr-auth' from origin 'http://localhost:3000' 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.
該当のソースコード
TypeScript
1 const axiosBase = axios.create({ 2 baseURL: "http://hoge.net:80", 3 headers: { 4 'Content-Type': 'text/html', 5 "Access-Control-Allow-Origin": '*' 6 }, 7 responseType: "json" 8 }); 9 10 11 axiosBase.post('/request/qr-auth', 12 { 13 data: { 14 token: data 15 } 16 } 17 ).then(response => { 18 console.log(response.data); 19 }).then(response2 => { 20 console.log(response2); 21 }).catch(err => { 22 console.log(err.data) 23 });
試したこと
"Access-Control-Allow-Origin": '*'
や
"Access-Control-Allow-Origin": 'http://hoge.net'
を[headers]に書きましたが、適用されているのかどうかもわかりません。
https://qiita.com/r_gaya/items/74c3d4b5a217ee50bde4
上記のようにLaravel側でもいろいろしてみましたがダメでした。。。
どうすれば、CORSによる通信がAxiosで可能になるのでしょうか?
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。