前提・実現したいこと
GET https://with-firstmyapp.herokuapp.com/memos 500 (Internal Server Error)
App.js:42 Error: Request failed with status code 500
上記のエラー原因を理解したいです。
フロントをreact、サーバーをrailsで作成しています。本番環境にデプロイした際にreactとrailsの通信がうまく動作しなくなりました。
該当コード
フロント サーバー側にあるresources memosとhttp通信がしたい const updatehandle=async({data})=>{ setMemo() await axios.patch(`https://with-firstmyapp.herokuapp.com/memos/${data.id}`, {memo: data}) .then((res) =>{console.log(res)}); const respons = await axios.get(ur); //消したデータをすぐに呼び出して表示させている console.log(respons) setMemo(respons.data.data) root() } /////////////削除///////////////// const deletehandle =async({data})=>{ window.confirm('データを削除しますか?'); await axios.delete(`https://with-firstmyapp.herokuapp.com/memos/${data.id}`) .then((res) => {console.log(res)}); const respons = await axios.get(ur); //消したデータをすぐに呼び出して表示させている console.log(respons) setMemo(respons.data.data); root() } const rails = async()=>{ const memourl = 'https://with-firstmyapp.herokuapp.com/memos' try { const respons = await axios.get(memourl); console.log(respons) setMemos(respons.data.data); } catch (error) { console.error(error); } }
サーバー Rails.application.config.middleware.insert_before 0, Rack::Cors do allow do origins 'https://firstmyapp-react.herokuapp.com' if #特定のオリジンからのリクエストを許可する resource '*', headers: :any, methods: [:get, :post, :put, :patch, :delete, :options, :head] end end end
###herokuのログ
2020-05-13T15:30:26.444626+00:00 heroku[router]: at=info method=GET path="/memos" host=with-firstmyapp.herokuapp.com request_id=238f5e2f-ec95-4a5d-919f-d0cd27dd501a fwd="114.151.200.83" dyno=web.1 connect=0ms service=12ms status=500 bytes=203 protocol=https
2020-05-13T15:36:18.614743+00:00 heroku[router]: at=info method=GET path="/memos" host=with-firstmyapp.herokuapp.com request_id=e67382ed-e82c-4765-b128-d335daefde97 fwd="114.151.200.83" dyno=web.1 connect=0ms service=34ms status=500 bytes=411 protocol=https 2020-05-13T15:36:25.717383+00:00 heroku[router]: at=info method=POST path="/memos" host=with-firstmyapp.herokuapp.com request_id=ff6ec16c-a292-4d16-8e53-7a87bff8c609 fwd="114.151.200.83" dyno=web.1 connect=0ms service=12ms status=500 bytes=411 protocol=https
###やったこと
herokuに再デプロイ
React + RailsのアプリをHerokuで動かす方法という記事を参考
あなたの回答
tips
プレビュー