node.js - GCP 应用引擎 : Random pending requests for static assets (css/images)

Question

我有一个 next.js 应用程序在 Node 标准环境中的 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 应用程序的最佳实践，并且似乎减少了我的问题。

检查 reference了解更多详情。

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