Nginx反向代理下NextJS静态文件404 Not Found问题求助
NextJS通过Nginx反向代理时静态文件404问题
将Nginx作为NextJS应用的反向代理时,静态文件(.js、.css等)出现404 Not Found错误。该NextJS应用在开发模式下可正常运行,本地生产模式及本地Docker容器中也能正常工作,但部署到生产环境的Docker容器并通过Nginx反向代理时,所有静态文件均返回404。
已连接到运行中的Docker镜像,确认所有文件都在正确位置,但无法定位问题。
已创建演示仓库,可克隆复现该问题。
演示项目搭建步骤
- 使用
npx create-next-app@latest创建NextJS应用。 - 按照NextJS官方文档将NextJS应用容器化:
- 编辑
next.config.js,添加output: "standalone" - 根据官方文档创建Dockerfile
- 编辑
- 项目根目录下的
nginx文件夹包含所有Nginx配置。 - 创建
docker-compose.yaml文件以启动两个应用:- Nginx监听80端口接收流量,并将流量反向代理到NextJS应用。
内容的提问来源于stack exchange,提问作者TJBlackman
相关产品推荐
相关产品推荐

