API๋ฅผ ์ฐ๊ฒฐํ๊ณ ํ๋ฐํธ์๋์ ๋ํ cors ํค๋๊ฐ ์๋ ์์ฒญ์ ๋์ง๊ณ ์ด๋ฏธ์ง URL์ด ์ถ์ถ๋์ด Vibrid๋ก ์ ์ก๋ฉ๋๋ค. ์ด ๊ฒฝ์ฐ ์ด๋ฏธ์ง๊ฐ Vibriv๋ก ์ถ์ถ๋์ง ์๊ณ ์ค๋ฅ๊ฐ ๋ฐ์ํฉ๋๋ค.
No 'Access-Control-Allow-Origin' header is present on the requested resource.
์ด๊ฒ์ ๊ทน๋ณตํ๊ธฐ ์ํด ์ ํธํ๋ ๋ฐฉ๋ฒ์ ๋ฌด์์ ๋๊น?
https://cors.now.sh ์์ CORS ํ๋ก์๋ฅผ ํตํด ์ด๋ฏธ์ง๋ฅผ ์คํํฉ๋๋ค
@TooTallNate ์ด๊ฒ์ด ๋๋ฅผ ์ํด ์๋ํ๋์ง ํ์ธํ์ต๋๋ค. ๊ฐ์ฌ ํด์!
์ฆ, ์ด๊ฒ์ ํดํน์ฒ๋ผ ๋๊ปด์ง๋๋ค. node-vibrant
์์ฒด ๋ด์์ ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํ ์์ด๋์ด๊ฐ ์์ต๋๊น?
์ฌ๊ธฐ์ ์๋ก์ด ๊ฒ์ด ์์ต๋๊น?
์ ์ฅ, ๋ ์ฃฝ์ด๊ณ ์์ด. ์์ฑ์ ๋ฉ์๋๋ฅผ ์ฌ์ฉํ๋ฉด ์ด์ํ ์์ธ์ด ์ ์๋ํ์ง๋ง promise ๋ฉ์๋๋ฅผ ์ฌ์ฉํ๋ฉด CORS์ ๋ํด ๋ถํํฉ๋๋ค. ๋ด ์๊ฐ์ promise ๋ฉ์๋๋ URL์ ๊ฐ์ ธ์์ Canvas์ ์ง์ ๋ก๋ํฉ๋๋ค. ์ด๋ Chrome์์๋ ์ ๋ ๊ธ๋ฌผ์ ๋๋ค. ๋ค๋ฅธ ๋ธ๋ผ์ฐ์ ๋ ์ ๊ฒฝ์ฐ์ง ์์ต๋๋ค. ๋ฐ๋ผ์ ์ ์ด๋ฏธ์ง ์์ฑ์๋ฅผ ์ฌ์ฉํ์ฌ ์ด๋ฏธ์ง๋ฅผ ๋จ์ ๋ก๋ํ ๋ค์ ์บ๋ฒ์ค์ ์ ๋ฌํ๋ฉด ๋ฌธ์ ๊ฐ ์์ต๋๋ค. ์์ค ์ฝ๋๋ฅผ ์ดํด๋ณด์ง๋ ์์์ง๋ง ํ์คํ ๊ทธ๋ ์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
https://cors.now.sh ์์ CORS ํ๋ก์๋ฅผ ํตํด ์ด๋ฏธ์ง๋ฅผ ์คํํฉ๋๋ค