Reactjs 访问next.js中的屏蔽URL

Reactjs 访问next.js中的屏蔽URL,reactjs,routes,frontend,next.js,Reactjs,Routes,Frontend,Next.js,我有一个名为“Channels”的页面,最终url应该类似于messages/:channelName,以下链接部分解决了问题: <Link key={ name } prefetch href={ `/channel?channel=${name}` } as={`/messages/${name}`} > 问题是,如果我直接在浏览器上键入这个屏蔽URL,我会得到一个404,我不能刷新页面,也不能使用浏览器上的返回按钮。我知道这可以通过在服务器中创建这些路由并引用

我有一个名为“Channels”的页面,最终url应该类似于
messages/:channelName
,以下链接部分解决了问题:

<Link key={ name }
   prefetch href={ `/channel?channel=${name}` }
   as={`/messages/${name}`} >


问题是,如果我直接在浏览器上键入这个屏蔽URL,我会得到一个404,我不能刷新页面,也不能使用浏览器上的返回按钮。我知道这可以通过在服务器中创建这些路由并引用正确的页面来解决,但我正在尝试仅使用Next.js来实现这一点,是否可行?

当然,您可以仅使用Next.js来实现这一点

package.json

{
“名称”:“自定义服务器”,
“版本”:“1.0.0”,
“脚本”:{
“dev”:“node server.js”,
“构建”:“下一个构建”,
“开始”:“NODE_ENV=production NODE server.js”
},
“依赖项”:{
“下一步”:“最新”,
“反应”:“^16.7.0”,
“react dom”:“^16.7.0”
}
}