[Axios] Axios ์ธํ„ฐ์…‰ํ„ฐ ์ ์šฉํ•˜๊ธฐ
ยท
Frontend/JavaScript
์ธํ„ฐ์…‰ํ„ฐ(Interceptors)๋ž€? then ๋˜๋Š” catch๋กœ ์ฒ˜๋ฆฌ๋˜๊ธฐ ์ „์— ์š”์ฒญ๊ณผ ์‘๋‹ต์„ ๊ฐ€๋กœ์ฑŒ ์ˆ˜ ์žˆ๋‹ค. Axios ์ธํ„ฐ์…‰ํ„ฐ๋ฅผ ์ ์šฉํ•˜๋ ค๋Š” ์ด์œ โ“ ํ† ์ด ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ์„œ๋ฒ„์— ํ† ํฐ ์ธ์ฆ์„ ํ•„์š”๋กœ ํ•˜๋Š” API ์š”์ฒญ์„ ํ• ๋•Œ๋งˆ๋‹ค HTTP Authorization ์š”์ฒญ ํ—ค๋”์— ํ† ํฐ์„ ๋„ฃ์–ด์ค˜์•ผํ•˜๊ณ  401(Unauthorized) ์—๋Ÿฌ๊ฐ€ ์„œ๋ฒ„๋กœ๋ถ€ํ„ฐ ๋“ค์–ด์˜ค๋ฉด ํ† ํฐ์„ ๊ฐฑ์‹ ํ•ด์ค€ ํ›„ ์žฌ์š”์ฒญ์„ ๋ณด๋‚ด๋Š” ๊ณผ์ •์„ ํ•œ ๊ณณ์—์„œ ๋ชจ๋‘ ์ฒ˜๋ฆฌํ•˜์—ฌ ์ค‘๋ณต ์ฝ”๋“œ๋ฅผ ์ œ๊ฑฐํ•˜๊ณ  ์œ ์ง€๋ณด์ˆ˜์„ฑ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ธฐ ์œ„ํ•ด Axios ์ธํ„ฐ์…‰ํ„ฐ๋ฅผ ์ ์šฉํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค. ์‚ฌ์šฉ์ž ์ง€์ • config๋กœ ์ƒˆ๋กœ์šด Axios ์ธ์Šคํ„ด์Šค๋ฅผ ์ƒ์„ฑํ•˜์—ฌ ์‚ฌ์šฉํ•˜๋‹ˆ ๋”์šฑ ํŽธ๋ฆฌํ–ˆ๋‹ค. (baseURL, timeout ์„ค์ •) ์ ์šฉํ•˜๋Š” ๊ณผ์ • 1) Axios ์ธ์Šคํ„ด์Šค ์ƒ์„ฑ const instanc..
_์„ฑํ˜ธ_
'interceptors' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก