« Axios » : différence entre les versions

De Banane Atomic
Aller à la navigationAller à la recherche
Aucun résumé des modifications
 
(7 versions intermédiaires par le même utilisateur non affichées)
Ligne 10 : Ligne 10 :
     const axios = window.axios;
     const axios = window.axios;
</script>
</script>
</kode>
= Instance =
<kode lang='js'>
const instance = axios.create({
    baseURL: 'https://www.domain.net/api'
});
</kode>
</kode>


= Authentication =
= Authentication =
<kode lang='js'>
<kode lang='js'>
axios.get(url, {  
const instance = axios.create({
     auth: {
     auth: {
         username: 'xxx',
         username: 'xxx',
         password: 'yyy'
         password: 'yyy'
     }
     }
})
});
.then(function (response) { });
</kode>
 
= Get =
<kode lang='js'>
instance.get('/item/1')
    .then(function (response) {
        console.log(response);
    })
    .catch(function (error) {
        console.error(error);
    });
 
const response = await instance.get('/item/1');
</kode>
 
= Performing multiple concurrent requests =
<kode lang='js'>
const calls = [];
calls.push(instance.get('/item/1'));
calls.push(instance.get('/item/2'));
 
const responses = await Promise.all(calls);
</kode>
</kode>

Dernière version du 29 janvier 2021 à 21:46

Links

Client side

Html.svg
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
    const axios = window.axios;
</script>

Instance

Js.svg
const instance = axios.create({
    baseURL: 'https://www.domain.net/api'
});

Authentication

Js.svg
const instance = axios.create({
    auth: {
        username: 'xxx',
        password: 'yyy'
    }
});

Get

Js.svg
instance.get('/item/1')
    .then(function (response) {
        console.log(response);
    })
    .catch(function (error) {
        console.error(error);
    });

const response = await instance.get('/item/1');

Performing multiple concurrent requests

Js.svg
const calls = [];
calls.push(instance.get('/item/1'));
calls.push(instance.get('/item/2'));

const responses = await Promise.all(calls);