Question

因此，我在Visual Studio Code中构建了整个项目，我在Chrome和Explorer上对其进行了测试，并且可以正常工作，它只需按一下按钮就可以检索新的报价和作者，我非常想花时间将其放入Codepen，不，不起作用。这是发生了什么，我正在使用http://quotesondesign.com/api-v4-0/来获取报价，将其放入浏览器后，您会看到它检索的内容 http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1 问题似乎是在firefox上，如果您输入此内容，您将得到报价，但是，如果您输入相同的链接（请注意，不刷新页面，但使用相同的链接），您将得到相同的报价，但是在chrome中会给您一个新的报价，所以我尝试查看如果我在chrome上使用codepen是否能正常工作，但它根本不起作用，因为在chrome codepen上，api调用甚至都不会检索任何数据。这是我现在正在使用的功能。我获取新功能的代码如下：

getRandomQuote = event =>{
    fetch('https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1')
    .then(response => response.json())
    .then(data => {
      if(data[0].content && data[0].title && data[0].link){
          let {quote} = this.state;
          let quoteData=data[0];
          quote.content = quoteData.content;
          quote.link = quoteData.link;

          quote.title = quoteData.title;


        this.setState({
          quote,
            isLoaded:true

          })
      }
      else{
          return console.error('No Quote :(')
      }

    })



  }

这是我的代码笔的链接：https://codepen.io/russiandobby/pen/OqaxWW?editors=1111 如何获取新棚？

Answer 1

好吧，现在我感到很愚蠢，经过一番研究，我发现我似乎要做的就是稍微改变一下我的要求

fetch('https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1')

到

 fetch('https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1', {cache: "reload"})

完成此操作后，它开始在所有浏览器上运行并检索新的报价，我一直禁止使用2个小时，仅花费不到1行即可修复它T_T

随机报价机，API不会返回新报价

1 个答案: