如何防止Vercel路由找不到页面

Question

我正在使用NextJs和Vercel构建一个项目，但是，当用户尝试访问新页面或路由时，Vercel给他们404错误。

在其他项目中，我使用netflix作为路由器，使用netlify.toml配置文件修复了此错误，但是，我无法使用vercel.json文件做同样的事情。

你们能帮我转一下这个文件吗?

netlify.toml

[[redirects]]
from = "/*"
to = "/index.html"
status = 200

进入vercel.json配置文件?

我试着用这个设置:vercel.json

{
"rewrites": [{ "source": "/(.*)", "destination": "/index.html"}]
}

但这并没有解决我的问题。

Answer 1

一种解决方法是使用立即重定向到索引页的捕获所有路由。例如:

// [...404].jsx
export default function Page() {
return null;
}
export function getServerSideProps() {
return {
redirect: {
destination: '/',
permanent: false,
},
};
}