Axios: ์—ฌ๋Ÿฌ ์ธ์Šคํ„ด์Šค ์ƒ์„ฑ ์‹œ ํ—ค๋” ์žฌ์ •์˜

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

์š”์•ฝ

axios์˜ ์—ฌ๋Ÿฌ ์ธ์Šคํ„ด์Šค๊ฐ€ ์‚ฌ์šฉ์ž ์ •์˜ ํ—ค๋” ๊ตฌ์„ฑ์œผ๋กœ ์ƒ์„ฑ๋  ๋•Œ ์ตœ์‹  ์ธ์Šคํ„ด์Šค๊ฐ€ ์ด์ „์— ์ •์˜๋œ ๋‹ค๋ฅธ ๊ตฌ์„ฑ๋ณด๋‹ค ์šฐ์„  ์ ์šฉ๋œ๋‹ค๋Š” ์‚ฌ์‹ค์„ ์•Œ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ค์Œ์€ ์ด๋ฅผ ์žฌํ˜„ํ•˜๋Š” ๊ฐ€์žฅ ๊ฐ„๋‹จํ•œ ์ฝ”๋“œ ์กฐ๊ฐ ์ž…๋‹ˆ๋‹ค.

const axios = require('axios');
const baseURL = '';

const first = axios.create({ baseURL });
first.defaults.headers.common.authorization = 'foo';
const second = axios.create({ baseURL });
second.defaults.headers.common.authorization = 'bar';

console.log(first.defaults.headers.common);

๊ฒฐ๊ณผ:

Object
    Accept: "application/json, text/plain, */*"
    authorization: "bar"
    ...

์ธ์Šคํ„ด์Šค๊ฐ€ ๋…๋ฆฝ์ ์ด์–ด์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ด๊ฒƒ์ด ์˜ฌ๋ฐ”๋ฅธ ๋™์ž‘์ธ์ง€ ํ™•์‹ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

๋ฌธ๋งฅ

  • axios ๋ฒ„์ „: ์˜ˆ: v0.16.2
  • ํ™˜๊ฒฝ: ์˜ˆ: ๋…ธ๋“œ v6.9.2

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

์ด๊ฒƒ์€ ์šฐ๋ฆฌ๊ฐ€ ๊ณง(๊ทธ๋ฆฌ๊ณ  ํ•ฉ๋ฆฌ์ ์ธ ๊ฒƒ๋ณด๋‹ค ํ›จ์”ฌ ๋‚˜์ค‘์—) ๋‹ค๋ฃฐ ๋” ํฐ ๋ฌธ์ œ์˜ ์ผ๋ถ€์ž…๋‹ˆ๋‹ค. #812 ์ฐธ์กฐ.

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

first.headers.authorization = 'foo' ๋ฅผ ์“ฐ๊ณ  ํ•ด๋‹น ์ธ์Šคํ„ด์Šค์— ๋Œ€ํ•ด ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

์ด ์ œํ•œ์„ ์šฐํšŒํ•˜๋Š” ์œ ์ผํ•œ ๋ฐฉ๋ฒ•์€ ํ—ค๋” ๊ฐ’์„ ๊ฐ•์ œํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

first.get('/posts', {
    headers: {
        authorization: 'foo',
    },
})

์ด๊ฒƒ์€ ์šฐ๋ฆฌ๊ฐ€ ๊ณง(๊ทธ๋ฆฌ๊ณ  ํ•ฉ๋ฆฌ์ ์ธ ๊ฒƒ๋ณด๋‹ค ํ›จ์”ฌ ๋‚˜์ค‘์—) ๋‹ค๋ฃฐ ๋” ํฐ ๋ฌธ์ œ์˜ ์ผ๋ถ€์ž…๋‹ˆ๋‹ค. #812 ์ฐธ์กฐ.

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