Node-vibrant: CORS ํ—ค๋”๊ฐ€ ์—†๋Š” ์ด๋ฏธ์ง€ URL์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š์Œ

์— ๋งŒ๋“  2017๋…„ 06์›” 15์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: Vibrant-Colors/node-vibrant

API๋ฅผ ์—ฐ๊ฒฐํ•˜๊ณ  ํ”„๋ŸฐํŠธ์—”๋“œ์— ๋Œ€ํ•œ cors ํ—ค๋”๊ฐ€ ์—†๋Š” ์š”์ฒญ์„ ๋˜์ง€๊ณ  ์ด๋ฏธ์ง€ URL์ด ์ถ”์ถœ๋˜์–ด Vibrid๋กœ ์ „์†ก๋ฉ๋‹ˆ๋‹ค. ์ด ๊ฒฝ์šฐ ์ด๋ฏธ์ง€๊ฐ€ Vibriv๋กœ ์ถ”์ถœ๋˜์ง€ ์•Š๊ณ  ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

No 'Access-Control-Allow-Origin' header is present on the requested resource.

์ด๊ฒƒ์„ ๊ทน๋ณตํ•˜๊ธฐ ์œ„ํ•ด ์„ ํ˜ธํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

https://cors.now.sh ์—์„œ CORS ํ”„๋ก์‹œ๋ฅผ ํ†ตํ•ด ์ด๋ฏธ์ง€๋ฅผ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค

๋ชจ๋“  4 ๋Œ“๊ธ€

https://cors.now.sh ์—์„œ CORS ํ”„๋ก์‹œ๋ฅผ ํ†ตํ•ด ์ด๋ฏธ์ง€๋ฅผ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค

@TooTallNate ์ด๊ฒƒ์ด ๋‚˜๋ฅผ ์œ„ํ•ด ์ž‘๋™ํ•˜๋Š”์ง€ ํ™•์ธํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌ ํ•ด์š”!

์ฆ‰, ์ด๊ฒƒ์€ ํ•ดํ‚น์ฒ˜๋Ÿผ ๋Š๊ปด์ง‘๋‹ˆ๋‹ค. node-vibrant ์ž์ฒด ๋‚ด์—์„œ ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•œ ์•„์ด๋””์–ด๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?

์—ฌ๊ธฐ์— ์ƒˆ๋กœ์šด ๊ฒƒ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

์  ์žฅ, ๋‚  ์ฃฝ์ด๊ณ  ์žˆ์–ด. ์ƒ์„ฑ์ž ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ด์ƒํ•œ ์›์ธ์ด ์ž˜ ์ž‘๋™ํ•˜์ง€๋งŒ promise ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด CORS์— ๋Œ€ํ•ด ๋ถˆํ‰ํ•ฉ๋‹ˆ๋‹ค. ๋‚ด ์ƒ๊ฐ์— promise ๋ฉ”์„œ๋“œ๋Š” URL์„ ๊ฐ€์ ธ์™€์„œ Canvas์— ์ง์ ‘ ๋กœ๋“œํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” Chrome์—์„œ๋Š” ์ ˆ๋Œ€ ๊ธˆ๋ฌผ์ž…๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ๋ธŒ๋ผ์šฐ์ €๋Š” ์‹ ๊ฒฝ์“ฐ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ƒˆ ์ด๋ฏธ์ง€ ์ƒ์„ฑ์ž๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฏธ์ง€๋ฅผ ๋žจ์— ๋กœ๋“œํ•œ ๋‹ค์Œ ์บ”๋ฒ„์Šค์— ์ „๋‹ฌํ•˜๋ฉด ๋ฌธ์ œ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ์‚ดํŽด๋ณด์ง€๋Š” ์•Š์•˜์ง€๋งŒ ํ™•์‹คํžˆ ๊ทธ๋ ‡์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰

๊ด€๋ จ ๋ฌธ์ œ

nitriques picture nitriques  ยท  12์ฝ”๋ฉ˜ํŠธ

amirping picture amirping  ยท  6์ฝ”๋ฉ˜ํŠธ

Kikobeats picture Kikobeats  ยท  9์ฝ”๋ฉ˜ํŠธ

lucafaggianelli picture lucafaggianelli  ยท  9์ฝ”๋ฉ˜ํŠธ

eggers picture eggers  ยท  3์ฝ”๋ฉ˜ํŠธ