[Axios] post 방식 통신

Axios post 방식

📌 먼저 테스트를 위해 https://reqres.in/ 에 접속하여 post방식의 REGISTER-SUCCESSFUL을 이용하여 테스트를 한다.
📌 Axios github 참조하여 Performing a POST request 부분 코드를 복사한다.

📌 예제 코드

<template>
  <div>
    <v-btn @click="postTest()">
      테스트
    </v-btn>
  </div>
</template>
<script>
import axios from "axios"
export default {
  method: {
    postTest() {
      // const axios = require('axios'); 대신 위에서 import axios from "axios"
      axios.post('https://reqres.in/api/register', {
        "email": "eve.holt@reqres.in",
        "password": "pistol"
      })
        .then(res => {
          // handle success
          console.log(res);
        })
        .catch(erro => {
          // handle error
          console.log(err);
        })
        .then(() => {
          // always executed
        });
    }
  }
}
</script>

콘솔을 확인해보면 아래와 같이 response를 확인해 볼 수 있다.

Axios github의 reponse schema 와 비교해보면 콘솔에 받은 값이 정확히 들어왔다는것을 확인할 수 있다