NextJS 中的动态路由导致安全问题

Question

我在 next.js 网站中使用动态路由。我的网站受 WAF（Web 应用程序防火墙）保护，它会阻止所有包含特殊字符（如 (, ), [, ]）的 URL。 因此，像 https://mywebsite.xyz/_next/static/chunks/app/(home)/info-hub/%5Bposts%5D/page-55e4c6dc50d1aae0.js 这样的 URL 无法加载。安全团队拒绝忽视这些特殊字符。那么我如何更改我的 next.js 应用程序以使用动态路由但不使用这些特殊字符？

Answer 1

如果您使用 next.js 的应用程序路由器，那么您不必担心这些“()[]”。所以，如果你的文件夹结构是这样的：

应用程序

• （仪表板）
• • [用户ID]
• • • 页面.tsx

那么你的 url 将是 localhost:3000/123，其中“123”可以是任何动态 userId。

“()”用于文件夹结构，会被 next.js 忽略，“[ ]”用于动态路由，因此您不会将它们写入 URL 中。