Answers for "get request using axios"

axios post request

// axios POST request
const options = {
  url: 'http://localhost:3000/api/home',
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json;charset=UTF-8'
  },
  data: {
    name: 'David',
    age: 45
  }
};

axios(options)
  .then(response => {
    console.log(response.status);
  });

axios get

const axios = require('axios');

// Make a request for a user with a given ID
axios.get('/user?ID=12345')
  .then(function (response) {
    // handle success
    console.log(response);
  })
  .catch(function (error) {
    // handle error
    console.log(error);
  })
  .then(function () {
    // always executed
  });

// Optionally the request above could also be done as
axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  })
  .then(function () {
    // always executed
  });  

// Want to use async/await? Add the `async` keyword to your outer function/method.
async function getUser() {
  try {
    const response = await axios.get('/user?ID=12345');
    console.log(response);
  } catch (error) {
    console.error(error);
  }
}

how to use axios get

const req = async () => {
  const response = await axios.get('https://dog.ceo/api/breeds/list/all')
  console.log(response)
}
req() // Calling this will make a get request and log the response.

axios api post request

import qs from 'qs';
const data = { 'bar': 123 };
const options = {
  method: 'POST',
  headers: { 'content-type': 'application/x-www-form-urlencoded' },
  data: qs.stringify(data),
  url,
};
axios(options);

how to make request with axios

const axios = require('axios');

async function makeGetRequest() {

  let res = await axios.get('http://webcode.me');

  let data = res.data;
  console.log(data);
}

makeGetRequest();

axios.post

<script>
	export default {
      data(){
          return {
              urlBase: 'http://localhost:8000/api/v1/marca',
              nomeMarca: '',
              arquivoImagem: []
          }
      },
      methods: {
          carregarImagem(e){
              this.arquivoImagem = e.target.files // object array
          },
          guardar(){
              // Warning : e.target.files is an array of objects
              console.log(this.nomeMarca , this.arquivoImagem[0])

              /* axios.post(  <url>,
                              <request_content>,
                              <request_config>
                          )
              */

              /*
                  When we are talking about http requests for the backend
                   of our application that involve sending files,
                   we need to set the body of our request to
                   being of the form-data type.
              */

              // program a form via javascript just like the POSTMAN form

              let formData = new FormData()
              formData.append('nome', this.nomeMarca)
              formData.append('imagem', this.arquivoImagem[0])

              let config = {
                  headers: {
                      'Content-Type': 'multipart/form-data',
                      'Accept': 'application/json'
                  }
              }

              axios.post(this.urlBase, formData, config)
                .then(response => {
                    console.log(response)
                })
                .catch(errors => {
                    console.log(errors)
                })
          }
      }
  }
</script>