質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

0回答

924閲覧

React + Rails herokuデプロイ後に通信ができなくなる

naoyatsuchida

総合スコア3

Ruby

Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。

Heroku

HerokuはHeroku社が開発と運営を行っているPaaSの名称です。RubyやNode.js、Python、そしてJVMベース(Java、Scala、Clojureなど)の複数のプログラミング言語をサポートしている。

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2020/05/13 16:13

前提・実現したいこと

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で動かす方法という記事を参考

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問