通过反向代理提供的 nuxt 应用程序在浏览器中产生 ERR_INCOMPLETE_CHUNKED_ENCODING 错误答案

【问题标题】：nuxt app served through reverse proxy producing ERR_INCOMPLETE_CHUNKED_ENCODING error in browser通过反向代理提供的 nuxt 应用程序在浏览器中产生 ERR_INCOMPLETE_CHUNKED_ENCODING 错误
【发布时间】：2021-04-12 19:21:03
【问题描述】：

我有一个 nuxt 应用程序在 Centos 8 虚拟机上的 conda 环境中运行。它设置为使用 nginx 通过反向代理在 URL 上提供服务。页面加载正常，但在打开时在浏览器中不断产生 ERR_INCOMPLETE_CHUNKED_ENCODING 错误，同时发出如下请求：[url]/_loading/sse。有人知道会发生什么吗？

这应该是一个可重现的工作流程。在新创建的 conda 环境中安装一个基本的 nuxt 应用程序：

conda install nodejs
npm init nuxt-app nuxt-test

在 npm init 期间提供的选项大多选择默认值，但可能是相关的

UI framework: Bootstrap Vue
Server: Node.js hosting

以这种方式创建的默认 nuxt 应用程序将在端口 3000 上运行。修改 /etc/nginx/nginx.conf 以提供此服务：

    location / {
        proxy_pass http://127.0.0.1:3000;
    }

运行 nuxt 应用

npm run dev

访问这两种方式：首先通过端口转发 - 这不会产生上述错误；其次，通过访问 nginx 中定义的 URL - 等待 1 分钟，然后开始产生错误（在 Chrome 和 Edge 浏览器中）。我也在我的 PC 上在没有 nginx 的 conda 环境中尝试过这个（直接在 localhost:3000 上运行），它不会产生错误。我也尝试过使用 apache/httpd 作为反向代理而不是 nginx，结果相同，所以我不认为这是 nginx 问题。

【问题讨论】：

标签： node.js nuxt.js

【解决方案1】：

如果我遵循生产部署选项而不是开发，似乎不会出现此问题：

npm run build
npm run start

我不明白为什么“npm run dev”会产生这个问题，但至少我找到了解决方法。希望它会对某人有所帮助，因为我已经为此苦苦挣扎了两天。

【讨论】：