210822 ๊ฐ๋ฐ๊ธฐ๋ก: CORS ์ http:// (URI scheme, ์คํด)
2021. 8. 23. 08:12ใ๐ TIL
โ cors ์ด์
front ๋จ์์ axios ๋ก api ๋ฅผ ํธ์ถํ ๋ CORS ์ด์๊ฐ ๋ฐ์ํ๋ค. back ๋จ(nestjs) ์์ app.enableCors() ์ฒ๋ฆฌ๋ฅผ ํด์ฃผ์์์๋ cors ๊ฐ ๋ฐ์ํ์ฌ ์์ํ๋๋ฐ, ์ด์ ๋ front ์์ ํธ์ถ์ url์ ๋ฌธ์ ์๋ค.
// wrong way
await axios.post("localhost:4000/hospital/postAnswers", {
...
})
// right way
await axios.post("http://localhost:4000/hospital/postAnswers", {
...
})
url ์ http:// ๋ฅผ ๋ถ์ฌ์ฃผ๋ ์๋๋์ ์ฐจ์ด์์ ์๊ฒ ๋๋ค.
โ ์์ธ
์๋ ๊ทธ๋ฆผ์ ์ฐธ๊ณ ํ๋ฉด, http ๋ scheme ์ ํด๋น๋๋ ์์ญ์ผ๋ก ํ๋กํ ์ฝ์ ๋ปํ๋ค.
์ฆ ์ฌ๋ฐ๋ฅธ ํ๋กํ ์ฝ์ ๋ช ์ํ์ง ์๊ณ localhost ๋ง ํธ์ถํ์๊ธฐ์ cors issue๊ฐ ๋ฐ์ํ ๊ฒ์ด์๋ค.
์น์ ์ด๋ฐ ํ๋กํ ์ฝ(์ผ๋ฐ์ ์ผ๋ก http, ๋ณด์์ด ํ์ํ๋ฉด https)์ ๋ฐ๋์ ํ์๋ก ํ๋ค.