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"
基礎的な質問かもしれませんが、お時間ある方よろしくお願いします。
あなたの回答
tips
プレビュー