reactjs - NextJs 应用程序 API 在 Vercel 上的行为不一致

Question

我将 NextJs 应用程序部署到 Vercel。静态页面效果很好。但是 api 部分(从 azure sql 数据库中提取数据，async mssql)行为不一致，有时它返回预期的响应，有时则不返回。当我在本地计算机上测试它时，一切都运行良好，所以我认为这与代码无关。这是 Vercel 上 NextJs api 的已知问题吗？

我尝试将我的 NextJs 应用程序部署到 Azure，但出现了各种奇怪的错误。我还尝试将应用程序部署为 docker 镜像，并使用 docker 镜像创建了一个 azure web 应用程序，它可以工作，但加载时间很糟糕。我很好奇您在使用 docker 镜像在 azure 上创建 Web 应用程序时是否遇到过类似的性能问题。

欢迎任何意见。谢谢

Answer 1

要解决 Vercel 上的 NextJs 不一致问题，您可以按照 maxproske 的建议尝试执行docker-compose.dev.yml。 :

version: '3'

services:
  next-app:
    container_name: next-app
    build:
      context: ./next-app
      dockerfile: dev.Dockerfile
    environment:
      ENV_VARIABLE: ${ENV_VARIABLE}
      NEXT_PUBLIC_ENV_VARIABLE: ${NEXT_PUBLIC_ENV_VARIABLE}
    volumes:
      - ./next-app/src:/app/src
      - ./next-app/public:/app/public
    restart: always
    ports:
      - 3000:3000
    networks:
      - my_network

  # Add more containers below (nginx, postgres, etc.)

# Define a bridge network, which allows containers to communicate with each other,
# by using their container name as a hostname
networks:
  my_network:
    external: true

另请检查 CPU/内存电源或 CDN 相关问题，如 Why is my NextJS performace score so inconsistent in web.dev? 中所述。

引用文献:vercel/next.js - Add with-docker-compose example ，和 Inconsistent behaviour of request.nextUrl.href