node.js - GCP App Engine：静态资产（css /图像）的随机待处理请求

Question

我有一个 next.js 应用程序在节点标准环境中的 gcp 应用程序引擎上运行了几个月。最后一次部署是在大约 2 周前完成的，直到本周网站加载都很好。

以下是检测到的异常情况：

1. css 文件随机卡在“待处理”请求中
2. png 文件随机卡在“待处理”请求中

可以在不同选项卡中的同一 Chrome 实例下观察到上述随机性。

你可以在这里查看： https ://clanhallroyale.com/

令人惊讶的是，这种行为在构建时不会发生 https://seventh-sensor-226609.appspot.com/

这是应用程序的 app.yaml。

# [START runtime]
runtime: nodejs10

handlers:
- url: /.*
  script: auto
  secure: always
# [END runtime]

似乎没有明确的线索表明可能是什么问题。我该如何解决这个问题？

Answer 1

我遇到了完全相同的问题。在具有自定义域的 Google App Engine 上运行 next.js 应用程序。

• CSS 和图像文件随机（比如，我猜 5 到 10 次）卡在“待处理”中
• 该问题似乎没有发生在.appspot.com域上。仅发生在自定义域上。

该应用程序是https://tsunotte.com（以防万一你想检查它）。

我所做的可能无法完美解决问题，但似乎至少减少了问题。

我将 GAE 配置文件 ( app.yaml) 处理程序更改为以下内容：

handlers:
  - url: /_next/static
    static_dir: .next/static
    secure: always
  - url: /static
    static_dir: static
    secure: always
  - url: /.*
    secure: always
    script: auto

默认情况下，Next.js从应用服务器提供静态文件/static和目录。./.next/static我将静态文件配置为从 GAE/SE 静态服务器提供，以便从 CDN 提供文件，我认为这是在生产环境中运行 Next.js 应用程序的最佳实践，并且在我的情况下似乎减少了问题。

检查参考以获取更多详细信息。

我不确定为什么这个问题只发生在自定义域应用程序上，以及这个问题是否直到最近才发生（因为我已经在 3 天前为应用程序配置了自定义域）。