Как убрать кэширования?

Question

[Keppp]

При перезагрузке страницы картинка каждый раз загружается одна и та же. Но если в devtool поставить галочку cache dissabled то картинки разные.
Как сделать так что картинки были разными в и без галочки? Я так понимаю проблема в кэше.

const getCat = () => {
    const img = document.createElement('img');
    img.classList.add('cat__img');
    fetch('https://cataas.com/cat')
    .then(response => response.blob())
    .then(blob => {
        img.src = URL.createObjectURL(blob);
    });
    return img
}

Comments

[Михаил]

https://cataas.com/cat?v=что-нибудь уникальное

Answer 1

[Александр Черемхин]

Выключить cache через заголовки http

const options  ={
    headers: {
       "Cache-Control":" no-cache",
       "Pragma":" no-cache"
    }
};
const getCat = () => {
    const img = document.createElement('img');
    img.classList.add('cat__img');
    fetch('https://cataas.com/cat', options);
        .then(response => response.blob())
        .then(blob => {
            img.src = URL.createObjectURL(blob);
        });
    return img
}

Comments

[Keppp]

[Александр Черемхин]

Keppp,
"Pragma":" no-cache" из заголовка попробуйте убрать.