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

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

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

MongoDBはオープンソースのドキュメント指向データベースの1つです。高性能で、多くのリトルエンディアンシステムを利用することができます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

React.js

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

Q&A

0回答

451閲覧

MERNスタックアプリのデプロイに関して

Maro0217

総合スコア0

MongoDB

MongoDBはオープンソースのドキュメント指向データベースの1つです。高性能で、多くのリトルエンディアンシステムを利用することができます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

React.js

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

1グッド

0クリップ

投稿2022/07/13 16:38

MERNスタックアプリをデプロイしたいのですが、なかなか上手くできません。
herokuでフロントエンド・バックエンドそれぞれ分けてデプロイし、backendは正常にできたようですが、frontend側はapplication errorとなってしまいます。

エラー内容

CLI

1at=error code=H10 desc="App crashed" method=GET path="/" host=real-sns-frontend.herokuapp.com request_id=bf1acc4f-bbf9-4761-a4c8-5fe66a1725a6 fwd="59.158.103.25" dyno= connect= service= status=503 bytes= protocol=https 2

試したこと

フロントエンド側のproxyのurl指定をデプロイしたバックエンドのurlにしてみました(もとはローカルサーバー)

json

1"proxy": "https://real-sns.herokuapp.com/"

バックエンド側に以下の記述を加えてみました。

javascript

1server.js 2//Serve static assets if in production 3if(process.env.NODE_ENv === 'production') { 4 //Set static folder 5 app.use(express.static('frontend/build')); 6 7 app.get('*', (req, res) => { 8 res.sendFile(path.resolve(__dirname, 'backend', 'build', 'index.html')); 9 }); 10}

json

1package.json 2 "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix frontend && npm run build --prefix frontend"

基礎的な質問かもしれませんが、お時間ある方よろしくお願いします。

q22r5695👍を押しています

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問