<p>axios : ์‹คํ–‰ ์ „ ์š”์ฒญ์— ๋Œ€ํ•œ ์‘๋‹ต์ด ์•ก์„ธ์Šค ์ œ์–ด๋ฅผ ํ†ต๊ณผํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.</p>

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

ReactJs ์•ฑ์—์„œ get ์š”์ฒญ์„ ์‹คํ–‰ํ•  ๋•Œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
"XMLHttpRequest๋Š” http://localhost :3002/api/users๋ฅผ ๋กœ๋“œํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์‹คํ–‰ ์ „ ์š”์ฒญ์— ๋Œ€ํ•œ ์‘๋‹ต์ด ์•ก์„ธ์Šค ์ œ์–ด ๊ฒ€์‚ฌ๋ฅผ ํ†ต๊ณผํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค: ์š”์ฒญํ•œ ๋ฆฌ์†Œ์Šค์— 'Access-Control-Allow-Origin' ํ—ค๋”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค. Origin ' http: //localhost :3005' ๋”ฐ๋ผ์„œ ์•ก์„ธ์Šค๊ฐ€ ํ—ˆ์šฉ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์‘๋‹ต์— HTTP ์ƒํƒœ ์ฝ”๋“œ 404๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค."

๋‚ด ์ฝ”๋“œ.

const ROOT_URL = ' http://localhost :3002';

const AUTH_TOKEN = 'eyJ0eXAiOiJKV1QiLCJhb.....';

axios.defaults.baseURL = ROOT_URL;
axios.defaults.headers.common['์ธ์ฆ'] = AUTH_TOKEN;
axios.defaults.headers.post['์ฝ˜ํ…์ธ  ์œ ํ˜•'] = '์‘์šฉ ํ”„๋กœ๊ทธ๋žจ/json;charset=utf-8';

axios.get('/api/users').then(ํ•จ์ˆ˜(์‘๋‹ต) {
console.log(response.data);
console.log(response.status);
console.log(response.statusText);
console.log(response.headers);
console.log(response.config);
});

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

์ด๊ฒƒ์€ axios ๋ฌธ์ œ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. CORS ์š”์ฒญ์„ ์ˆ˜๋ฝํ•˜๋„๋ก ์„œ๋ฒ„๋ฅผ ์„ค์ •ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. http://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resource ์— ๋Œ€ํ•œ ์ฒซ ๋ฒˆ์งธ ๋‹ต๋ณ€์„๋ณด์‹ญ์‹œ์˜ค

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

์ด๊ฒƒ์€ axios ๋ฌธ์ œ๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. CORS ์š”์ฒญ์„ ์ˆ˜๋ฝํ•˜๋„๋ก ์„œ๋ฒ„๋ฅผ ์„ค์ •ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. http://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resource ์— ๋Œ€ํ•œ ์ฒซ ๋ฒˆ์งธ ๋‹ต๋ณ€์„๋ณด์‹ญ์‹œ์˜ค

์•ˆ๋…•,
๋‚˜๋Š” ์ด๋ฏธ ๊ทธ๊ฒƒ์„ ์‚ฌ์šฉํ–ˆ๋‹ค. ์ถ”๊ฐ€๋œ ์„œ๋ฒ„์—์„œ ๊ณ ์ •
"๊ฒฝ๋กœ": {
"์ฝ”๋ฅด": ์‚ฌ์‹ค
}
Hapi ๊ตฌ์„ฑ ์—ฐ๊ฒฐ ์‹œ
๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

์•ˆ๋…•ํ•˜์„ธ์š” @9tor ๊ฐ€ ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๊นŒ?

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