Answers for "config 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 post

const axios = require('axios');
axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

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);
  }
}

axios put

const res = await axios.put('https://httpbin.org/put', { hello: 'world' });

res.data.headers['Content-Type']; // application/json;charset=utf-8

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>

Axios get

const axios = require('axios');

async function makeRequest() {

    const config = {
        method: 'get',
        url: 'http://webcode.me'
    }

    let res = await axios(config)

    console.log(res.status);
}

makeRequest();