NextJS部署至Apache后动态路由出现Chunk错误求助

针对你用Apache反向代理NextJS服务时动态路由（如posts/[id]）出现的Chunk加载错误，可通过调整.htaccess规则解决：

修改后的.htaccess配置 #

RewriteEngine On

DirectoryIndex disabled

# 优先代理NextJS的静态资源与Chunk请求
RewriteRule ^_next/(.*)$ http://127.0.0.1:4001/_next/$1 [P,L]

# 根路径请求代理
RewriteCond %{REQUEST_URI} ^/$ 
RewriteRule ^(.*)$ http://127.0.0.1:4001/ [P,L]

# 其他非文件/非目录请求代理
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ http://127.0.0.1:4001/$1 [P,L]

问题原因与说明 #

动态路由页面加载时会请求/_next/static/路径下的Chunk文件，原规则仅在请求路径不是本地文件/目录时才代理。若你的NextJS静态资源由后端服务（4001端口）托管而非部署在Apache本地目录，Apache会因找不到本地Chunk文件返回404，导致加载失败。

新增的RewriteRule ^_next/(.*)$规则会优先将所有/_next/开头的请求直接转发到NextJS服务，确保Chunk文件能正确从后端加载。

另外可额外检查：

• 确认next start服务正常运行在4001端口
• 确保next.config.js中未错误设置assetPrefix

内容的提问来源于stack exchange，提问作者fcfeitosa