์ด๊ฒ์ ์๋ง๋ axios ํ์ ๋์์ธ ์ ํ์ผ ๊ฒ์ด๊ณ ํ๋นํ ์ด์ ๊ฐ ์์ง๋ง ์ ๋ ๋ชจ๋ POST/GET/PUT์ ๋ค์๊ณผ ๊ฐ์ด ์์ฑํฉ๋๋ค.
const res = await axios.post(url, {
data: {
...
}
})
๊ทธ๋ฆฌ๊ณ ๋ด ์๋ฒ๋ ๋๋๋ก DELETE ์์ฒญ ๋ณธ๋ฌธ ๋ด๋ถ์ ๋ฐ์ดํฐ๋ฅผ ์์ํฉ๋๋ค(๊ธฐ์ ์ ์ผ๋ก ์ฌ์์ ๋ฐ๋ฅด์ง ์์ ์ ์์ง๋ง ๊ทธ๋ผ์๋ ๋ถ๊ตฌํ๊ณ ์ผ๋ฐ์ ์). ์ด ๊ฒฝ์ฐ DELETE๋ฅผ ๋ค์ ํ์์ผ๋ก ์์ฑํด์ผ ํฉ๋๋ค.
const res = await axios({
method: 'DELETE',
url: 'url',
data: {
...
}
})
์ ์๋ํ์ง๋ง axios.delete
๊ฐ ์์ฒญ ๋ณธ๋ฌธ์ ์ง์ํ์ง ์๊ธฐ ๋๋ฌธ์ ๋ ๋ฒ์งธ ๊ตฌ๋ฌธ์ ์ฌ์ฉํด์ผ ํฉ๋๋ค.
๊ทธ๋์ axios.delete
๊ฐ ์์ฒญ ๋ณธ๋ฌธ์ ์ง์ํ๋๋ก ์์ฒญํ๊ณ ์ถ์ต๋๋ค.
๊ฐ์ฌ ํด์
์ฐ๋ฆฌ๋ ์ข
์ข
์๋ฒ์์ GET ์์ฒญ๊ณผ ํจ๊ป data
๋ฅผ ์ฌ์ฉํ๋ฉฐ ์ฟผ๋ฆฌ ๋งค๊ฐ๋ณ์๋ก ๋ณํ๋ฉ๋๋ค. ํน์ ๋ฉ์๋์ ๋ํ ๋ฐ์ดํฐ ์ง์์ด ์๋ค๋ ๊ฒ์ ๋ํ ์ฝ๋๋ฅผ ๋ ๋ง์ด ์ฌ์ฉํ๊ธฐ๋ฅผ ํฌ๋งํ๋ axios์ ํฐ ๋จ์ ์
๋๋ค.
๊ฐ์ฌํฉ๋๋ค. ์ฌ๊ธฐ์์ ์ด ๋ต๋ณ์ ์ฐพ์์ต๋๋ค.
axiox.delete
๋ ์์ฒญ ๋ณธ๋ฌธ์ ์ง์ํฉ๋๋ค. url
๋ฐ ์ ํ์ config
์ ๋ ๋งค๊ฐ๋ณ์๋ฅผ ํ์ฉํฉ๋๋ค. config.data
๋ฅผ ์ฌ์ฉํ์ฌ ๋ค์๊ณผ ๊ฐ์ด ์๋ต ๋ณธ๋ฌธ์ ์ค์ ํ ์ ์์ต๋๋ค.
axios.delete(url, { data: { foo: "bar" } });
post
, put
๋ฐ patch
3๊ฐ์ ๋งค๊ฐ๋ณ์ ํ์ฉ: url
, data
๋ฐ config
๋ฐ๋ผ์ ๋ค์์ ์ํํ ์ ์์ต๋๋ค. ๋ ๋ฒ์งธ ๋งค๊ฐ๋ณ์๋ฅผ ์ฌ์ฉํ์ฌ ๋ค์๊ณผ ๊ฐ์ด ์๋ต ๋ณธ๋ฌธ์ ์ค์ ํ ์ ์์ต๋๋ค.
axios.put(url, { foo: "bar" });
๋์์ด ๋๊ธฐ๋ฅผ ๋ฐ๋๋๋ค!
README
๊ฐ ์ดํดํ๊ธฐ ์ด๋ ต๊ฒ ๋ง๋๋ ๊ฒ ๊ฐ์ต๋๋ค.
// `data` is the data to be sent as the request body
// Only applicable for request methods 'PUT', 'POST', and 'PATCH'
// When no `transformRequest` is set, must be of one of the following types:
// - string, plain object, ArrayBuffer, ArrayBufferView, URLSearchParams
// - Browser only: FormData, File, Blob
// - Node only: Stream, Buffer
data: {
firstName: 'Fred'
},
์ด ๋ถ๋ถ์ ํนํ // Only applicable for request methods 'PUT', 'POST', and 'PATCH'
์
๋๋ค.
์ด ์๊ฒฌ ์ ๋ฌธ์์ ์ถ๊ฐํ์ญ์์ค
๋ฌธ์ https://github.com/axios/axios#request -method-aliases์ ์์ต๋๋ค.
์ด๋ค๋์ ์ฐจ์ด์ ์ ๋ฌด์์ธ๊ฐ์?
this.$axios.$delete(queryData.url,
{
params: { id: String(queryData.id) }
})
this.$axios.$delete(queryData.url,
{
body: { id: String(queryData.id) }
})
[params] ๋ด ํธ์์ ์ผํ์ต๋๋ค
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
axiox.delete
๋ ์์ฒญ ๋ณธ๋ฌธ์ ์ง์ํฉ๋๋ค.url
๋ฐ ์ ํ์ config
์ ๋ ๋งค๊ฐ๋ณ์๋ฅผ ํ์ฉํฉ๋๋ค.config.data
๋ฅผ ์ฌ์ฉํ์ฌ ๋ค์๊ณผ ๊ฐ์ด ์๋ต ๋ณธ๋ฌธ์ ์ค์ ํ ์ ์์ต๋๋ค.post
,put
๋ฐpatch
3๊ฐ์ ๋งค๊ฐ๋ณ์ ํ์ฉ:url
,data
๋ฐconfig
๋ฐ๋ผ์ ๋ค์์ ์ํํ ์ ์์ต๋๋ค. ๋ ๋ฒ์งธ ๋งค๊ฐ๋ณ์๋ฅผ ์ฌ์ฉํ์ฌ ๋ค์๊ณผ ๊ฐ์ด ์๋ต ๋ณธ๋ฌธ์ ์ค์ ํ ์ ์์ต๋๋ค.๋์์ด ๋๊ธฐ๋ฅผ ๋ฐ๋๋๋ค!