我正在尝试设置 next.js 应用程序,但在处理带有尾部斜杠的路由时遇到问题。因此,例如,如果我有这样的页面结构:
pages
- index.js
- blog
- index.js
- [slug].js
然后去/
给我基础index.js
, 即将/blog
给我blog/index.js
,并且要去/blog/my-post
给我blog/[slug].js
- 到目前为止,一切都很好。
但要去/blog/
给我一个 404 错误,如果不完全替换 next.js 路由器,似乎根本没有办法处理这个问题 - 我什至无法重定向/blog/
to /blog
。有什么办法可以解决这个问题,还是我需要一个自定义路由器?有没有一种方法可以扩展 next.js 路由器,让我可以处理这些问题,而无需完全替换它?
有一个选项Next.js 9.5
and up.
In next.config.js
,添加trailingSlash
config:
module.exports = {
trailingSlash: true,
}
Source: 尾部斜杠 https://nextjs.org/docs/api-reference/next.config.js/trailing-slash
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)