Jsonplaceholder: ๊ต์ฐจ ์ถœ์ฒ˜๋ฅผ ํ—ˆ์šฉํ•˜์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2014๋…„ 03์›” 30์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: typicode/jsonplaceholder

jQuery์˜ AJAX ํ•จ์ˆ˜๋ฅผ ํ†ตํ•ด POST๋ฅผ ์‹œ๋„ํ•  ๋•Œ crossDomain: true๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ…Œ์ŠคํŠธ ์„œ๋ฒ„๊ฐ€ POST ๋ฆฌ์†Œ์Šค๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ—ˆ์šฉํ•˜๋„๋ก ๋ฆฌ์†Œ์Šค๋ฅผ ์„ค์ •ํ•˜์—ฌ ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ? ์•„๋‹ˆ๋ฉด ๋‚ด ์ชฝ์—์„œ ๋‹ค๋ฅด๊ฒŒ ํ•ด์•ผ ํ•ฉ๋‹ˆ๊นŒ? ์ด ๊ฒฝ์šฐ JSONP๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

XMLHttpRequest cannot load http://jsonplaceholder.typicode.com/posts. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8081' is therefore not allowed access. 

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

์ด๊ฒƒ์€ ๋‚ด Chrome ๋ธŒ๋ผ์šฐ์ €์˜ ๊ฒฐ๊ณผ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

open -a Google\ Chrome --args --disable-web-security

๋ฌธ์ œ๋ฅผ ์šฐํšŒํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ฌธ์ œ๋ฅผ ์ข…๋ฃŒํ•ฉ๋‹ˆ๋‹ค. ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค!

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

์ด๊ฒƒ์€ ๋‚ด Chrome ๋ธŒ๋ผ์šฐ์ €์˜ ๊ฒฐ๊ณผ์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

open -a Google\ Chrome --args --disable-web-security

๋ฌธ์ œ๋ฅผ ์šฐํšŒํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ฌธ์ œ๋ฅผ ์ข…๋ฃŒํ•ฉ๋‹ˆ๋‹ค. ์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค!

์ด๊ฑฐ ์–ด๋””๋‹ค ์“ฐ๋Š”๊ฑฐ์•ผ?

Mac OSX ๋˜๋Š” Linux ํ„ฐ๋ฏธ๋„์—์„œ. Windows๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ Chrome ํ”Œ๋ž˜๊ทธ ์„ค์ •์„ ์‚ดํŽด๋ณด์„ธ์š”.

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