Reactjs “如何修复”；net:：ERR“u CONTENT”解码“u FAILED 200”；

我用TMDB API实现了一个ReactJS应用程序，我还使用了Webpack版本2.2.1，我随机得到以下错误=>net:：ERR\u CONTENT\u DECODING\u FAILED 200（OK）

可能是我发送了太多的数据，gzip压缩是必要的，但我不确定

正如我所说，这是一个并非总是发生的错误，但通常是相同的axios查询，大约=>

async fetchMovies () {
    this.setState({ isLoading:true})

    const promises = genres.map(async genre => {

      const response = await getMoviesWithGenresFromApi(genre.id).then(data 
      => {
        return data.results.slice(0,14)
      })

        return {
            movies:response,
            genretitle:genre.name,
            id:genre.id
        }
     });

    const result = await Promise.all(promises).then((result) => {
        this.setState({
            movieListWithGenre:result,
            hasMore: (this.state.movieListWithGenre.length < 19),
            isLoading:false 
        })
    });
  }

---

我想确定此错误来自何处，以及采取什么解决方案来更正此错误。

我遇到了类似的问题。我使用的是JDK1.8.0144，它有压缩问题。此错误在以后的版本中已修复。JDK 1.8.0_202为我解决了这个问题。

我在JDK 1.8.0_192中遇到了这个问题-对我来说，问题是我多次添加了相同的头集（Content Encoding=gzip）

addHeader（“内容编码”、“gzip”）

---

FoxaLiveJS，你知道这件事吗？我在客户端遇到了一个类似的错误，似乎只发生在一个特定的API调用中。我已经看到了各种启用gzip压缩服务器端的东西，但在我的情况下，服务器端没有任何改变。这与webpack有关吗？我不确定您的情况，但我发现如果我将webpack dev server从3.1.14降级到3.1.10，则错误内容解码失败错误将停止发生。也许是你的版本有问题？下面是我找到答案的地方：

export function getMoviesWithGenresFromApi(id_genre){
  return axios.get(`https://api.themoviedb.org/3/discover/movie?api_key={api_key}&sort_by=popularity.desc&language=fr&include_adult=false&include_video=false&with_genres=${id_genre}`)
    .then((response) => response.data)
    .catch((error) => console.error(error))
}