๐Ÿค” Deploying using heroku on react, koa, mongoDB Error catch

kcj_dev96ยท2022๋…„ 4์›” 1์ผ
0

ํšŒ๊ณ ๋ก

๋ชฉ๋ก ๋ณด๊ธฐ
2/2

๊ธฐ์กด์— ํ”„๋กœ์ ํŠธ๋ฅผ ๋ฐฐํฌํ•  ๋•Œ ํด๋ผ์ด์–ธํŠธ์ธก๋งŒ ๋ฐฐํฌํ–ˆ์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ฃผ๋กœ netlify๋กœ ์‰ฝ๊ฒŒ ๋ฐฐํฌํ•˜์˜€๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์ด๋ฒˆ์— ๋ฐฑ์—”๋“œ์™€ ์—ฐ๋™ํ•œ ํ”„๋กœ์ ํŠธ๋ฅผ ๋ฐฐํฌํ•˜๋ ค๋‹ˆ ๋‚˜๋ฆ„ ๊ณผ์ •์ด ๊นŒ๋‹ค๋กœ์› ๋‹ค.

heroku๋ผ๋Š” ํด๋ผ์šฐ๋“œ ํ”Œ๋žซํผ์—์„œ ๋ฐฐํฌ๋ฅผ ํ•˜์˜€๋Š”๋ฐ ์–ด๋Š ์—๋Ÿฌ ํ•˜๋‚˜ ๋•Œ๋ฌธ์— ์ˆ˜์ผ๋™์•ˆ ์• ๋ฅผ ๋จน์—ˆ๋‹ค.
(2ํ‹€์ •๋„ ์ด๊ฒƒ์„ ํ•ด๊ฒฐํ•˜๋ ค ๊ณ ๊ตฐ๋ถ„ํˆฌํ–ˆ๋‹คใ…œ.)

์—๋Ÿฌ์˜ ์ƒํ™ฉ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์•˜๋‹ค.

๋ฐฐํฌ๋ฅผ ํ•˜๊ธฐ์ „์—๋Š” API ์š”์ฒญ์ด ์ž˜ ๋˜์—ˆ๋Š”๋ฐ ๋ฐฐํฌ๋ฅผ ํ•œ๋’ค์—๋Š” API ์š”์ฒญ์ด ์•ˆ๋˜๋Š” ์ƒํ™ฉ์ด์—ˆ๋‹ค.

๋ฌด์—‡์ด ๋ฌธ์ œ์ธ์ง€ ๋ชฐ๋ผ ํ•˜๋‚˜์”ฉ ๋œฏ์–ด๋ดค๋‹ค.

  • axios instance์˜ baseURL์„ node.env(development or production)์— ๋”ฐ๋ผ ์„ ํƒ์ ์œผ๋กœ ๋ฐ”๊ฟ”์ฃผ๊ธฐ

  • cors npm์— ์ ์šฉํ•˜๊ธฐ

๋“ฑ๋“ฑ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๊ฒฝ์šฐ๋“ค์„ ์ ์šฉํ•ด๋ณด์•˜์ง€๋งŒ ์—๋Ÿฌ๊ฐ€ ํ•ด๊ฒฐ๋˜์ง€ ์•Š์•˜๋‹ค.

์—ด์‹ฌํžˆ ๊ตฌ๊ธ€๋ง์„ ํ•˜๋‹ค ์–ด๋–ค ์•„ํ‹ฐํด์„ ๋ณด๊ณ  ๋ญ๊ฐ€ ์ž˜๋ชป๋ฌ๋˜๊ฑด์ง€ ๊นจ๋‹ฌ์•˜๋‹ค.

๋ฌธ์ œ๋Š” ๋ฐ”๋กœ ๋ชฝ๊ณ ๋””๋น„ URI์˜€๋‹ค.

๊ธฐ์กด์—๋Š” local mongodb uri์— ์—ฐ๊ฒฐ๋˜์žˆ์—ˆ๋‹ค.(mongodb://localhost:27017/blog)

์ด๋ ‡๊ฒŒ ์„ค์ •ํ•ด๋†จ์„ ๋•Œ ๋กœ์ปฌ์—์„œ๋Š” ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๊ฐ€ ์กฐํšŒ๊ฐ€ ๋˜์ง€๋งŒ ๋ฐฐํฌ๋ฅผ ํ•˜์—ฌ ํ•ด๋‹น ๋„๋ฉ”์ธ์œผ๋กœ ์ ‘๊ทผํ•˜๋ฉด ๋กœ์ปฌ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์—ฌ์„œ ์ ‘๊ทผํ•˜์ง€ ๋ชปํ•˜๋Š” ๊ฒƒ์ด ๋ฌธ์ œ์˜€๋‹ค.

๋”ฐ๋ผ์„œ ์ด๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์€ mongoDB Atlas(online database service)๋ฅผ ์ด์šฉํ•˜๋ฉด ๋˜๋Š” ๊ฒƒ์ด๋‹ค.

๊ฐ€์ž…ํ•˜์—ฌ cluster์„ ์ƒ์„ฑํ•˜๊ณ  ๊ธฐํƒ€ ์„ค์ •์„ ํ•˜์—ฌ URI๋ฅผ ์–ป์–ด ํ•ด๋‹น URI๋ฅผ ๋ชฝ๊ณ  URI์— ์ž…๋ ฅํ•ด์ฃผ๋‹ˆ ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์—ˆ๋‹ค.

์•„๋ฌด๋ž˜๋„ ๋ฐฑ์—”๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ฒ˜์Œํ•˜์—ฌ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋ชจ๋ฅด๋Š” ์ƒํ™ฉ์ด ๋งŽ์œผ๋‹ˆ ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๋Š”๋ฐ ์˜ค๋žœ ์‹œ๊ฐ„์ด ๊ฑธ๋ ธ๋˜ ๊ฒƒ ๊ฐ™๋‹ค.

๊ทธ๋ž˜๋„ ๊ณ ๊ตฐ๋ถ„ํˆฌํ•˜์—ฌ ์ž˜ ํ•ด๊ฒฐํ•ด์„œ ํ†ต์พŒ?ํ•˜๊ณ  ๋‹ค์Œ์— ํ•ด๋‹น ์‚ฌํ•ญ์— ์œ ์˜ํ•˜๋„๋ก ํ•ด์•ผ๊ฒ ๋‹ค.

Reference

https://coursework.vschool.io/deploying-mern-app-to-heroku/

profile
๊ฐœ๋ฐœ์ž์—ฌ์„œ ํ–‰๋ณตํ•œ Jev ๐Ÿ˜™ FE DEVELOPER JEV

0๊ฐœ์˜ ๋Œ“๊ธ€