Estoy haciendo un generador de color aleatorio. Cuando actualizo o hago clic en el botón generar, la API obtiene el mismo resultado. Pero cuando actualizo el sitio de la API, la información cambia aleatoriamente.
Aquí está el sitio api y la demostración .
const BASE_URL = 'https://www.colr.org/json/colors/random' const colorCardsTotal = '5' function getColors(){ axios.get(BASE_URL+'/'+colorCardsTotal) .then(function (response) { console.log(response.data.colors) }) .catch(function (error) { // 2.handle error console.log(error) }) } getColors() <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>Esto no actualizará los nuevos colores debido a la memoria caché del disco del navegador.
Para solucionarlo, debe agregar una marca de tiempo a su solicitud:
const BASE_URL = 'https://www.colr.org/json/colors/random' const colorCardsTotal = '5' function getColors() { axios.get(BASE_URL + '/' + colorCardsTotal, { params: { t: new Date().getTime() } }) .then(function(response) { console.log(response.data.colors) }) .catch(function(error) { // 2.handle error console.log(error) }) } getColors()Y aquí está el editado basado en su demostración .