Reactjs 使用 JavaScript AxiosFetch.能禁用浏览器缓存吗

发布于03月14日

我正在try 查询一个freeCodeCamp项目的quote API，我正在更新以做出react .js.我现在try 使用Fetch或Axios来查询API，但它正在浏览器中缓存响应.我知道在$ajax中有一个{ cache: false }会迫使浏览器执行新的请求.

有没有办法让我用Fetch或Axios也能做到这一点？

cache-control设置似乎已经被Axios设置为max-age: 0.

这是我查询API的代码.

generateQuote = () => {
  axios.get('https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1')
    .then(response => {
      const { title, content, link } = response.data[0];
      console.log(title, content, link)
      this.setState(() => ({ title, content, link }));
    })
    .catch(err => {
      console.log(`${err} whilst contacting the quote API.`)
    })

}

推荐答案

好吧，我找到了解决办法.我必须在API url上设置一个时间戳，让它进行新的调用.似乎没有办法强制axios或fetch禁用缓存.

这就是我的代码现在的样子

axios.get(`https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&timestamp=${new Date().getTime()}`)
  .then(response => {
    const { title, content, link } = response.data[0];
    console.log(title, content, link)
    this.setState(() => ({ title, content, link }));
  })
  .catch(err => {
    console.log(`${err} whilst contacting the quote API.`)
  })