Axios: рд╕рдкреЛрд░реНрдЯ рдбрд┐рд▓реАрдЯ рдмреЙрдбреА

рдХреЛ рдирд┐рд░реНрдорд┐рдд 13 рдордИ 2017  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: axios/axios

рдпрд╣ рд╢рд╛рдпрдж axios рдЯреАрдо рджреНрд╡рд╛рд░рд╛ рдФрд░ рдЕрдЪреНрдЫреЗ рдХрд╛рд░рдг рдХреЗ рд▓рд┐рдП рдПрдХ рдбрд┐рдЬрд╝рд╛рдЗрди рдкрд╕рдВрдж рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдЕрдкрдиреЗ рд╕рднреА POST/GET/PUTs рдЗрд╕ рддрд░рд╣ рд▓рд┐рдЦрддрд╛ рд╣реВрдВ:

const res = await axios.post(url, { 
  data: {
    ...
  }
})

рдФрд░ рдореЗрд░рд╛ рд╕рд░реНрд╡рд░ рдХрднреА-рдХрднреА DELETE рдЕрдиреБрд░реЛрдз рдирд┐рдХрд╛рдп рдХреЗ рдЕрдВрджрд░ рдбреЗрдЯрд╛ рдХреА рдЕрдкреЗрдХреНрд╖рд╛ рдХрд░рддрд╛ рд╣реИ (рдЬреЛ рддрдХрдиреАрдХреА рд░реВрдк рд╕реЗ рдХрд▓реНрдкрдирд╛ рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдирд╣реАрдВ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдлрд┐рд░ рднреА рдпрд╣ рд╕рд╛рдорд╛рдиреНрдп рд╣реИ) рдЬрд┐рд╕ рд╕реНрдерд┐рддрд┐ рдореЗрдВ рдореБрдЭреЗ рдЕрдкрдирд╛ DELETE рдЗрд╕ рд░реВрдк рдореЗрдВ рд▓рд┐рдЦрдирд╛ рд╣реЛрдЧрд╛:

      const res = await axios({
        method: 'DELETE',
        url: 'url',
        data: {
          ...
        }
      })

рдЬреЛ рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдореБрдЭреЗ рджреВрд╕рд░реЗ рд╕рд┐рдВрдЯреИрдХреНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдордЬрдмреВрд░ рд╣реЛрдирд╛ рдкрдбрд╝рддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ axios.delete рдЕрдиреБрд░реЛрдз рдирд┐рдХрд╛рдп рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред

рдЗрд╕рд▓рд┐рдП рдореИрдВ рдЕрдиреБрд░реЛрдз рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ axios.delete рдПрдХ рдЕрдиреБрд░реЛрдз рдирд┐рдХрд╛рдп рдХрд╛ рд╕рдорд░реНрдерди рдХрд░реЗрдЧрд╛ред

рдзрдиреНрдпрд╡рд╛рдж

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

axiox.delete рдЕрдиреБрд░реЛрдз рдирд┐рдХрд╛рдп рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИред рдпрд╣ рджреЛ рдкреИрд░рд╛рдореАрдЯрд░ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рддрд╛ рд╣реИ: url рдФрд░ рд╡реИрдХрд▓реНрдкрд┐рдХ config ред рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдирд┐рдХрд╛рдп рдХреЛ рдирд┐рдореНрдирд╛рдиреБрд╕рд╛рд░ рд╕реЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдк config.data рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ:

axios.delete(url, { data: { foo: "bar" } });

post , put , рдФрд░ patch 3 рдкреИрд░рд╛рдореАрдЯрд░ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рддреЗ рд╣реИрдВ: url , data , рдФрд░ config рддрд╛рдХрд┐ рдЖрдк рдХрд░ рд╕рдХреЗрдВ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдирд┐рдХрд╛рдп рдХреЛ рдЗрд╕ рддрд░рд╣ рд╕реЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рджреВрд╕рд░реЗ рдкреИрд░рд╛рдореАрдЯрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ:

axios.put(url, { foo: "bar" });

рдЖрд╢рд╛ рд╣реИ рдпреЗ рдорджрдж рдХрд░реЗрдЧрд╛!

рд╕рднреА 7 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рд╣рдо рдЕрдХреНрд╕рд░ рд╕рд░реНрд╡рд░ рдкрд░ 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) }
        })

[рдкрд░рдореНрд╕] рдиреЗ рдореЗрд░реА рддрд░рдл рд╕реЗ рдХрд╛рдо рдХрд┐рдпрд╛

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

ghost picture ghost  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

jdpagley picture jdpagley  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

shaosh picture shaosh  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Shu-Ji picture Shu-Ji  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

helmus picture helmus  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ