如何解决如何根据next.js中的查询参数显示不同状态的页面
我想根据 next.js 中的不同查询参数显示不同状态的页面,这样当用户使用带有查询参数的链接时,它不应该显示默认页面,而是基于状态。
为简单起见
将主页视为 localhost:3000
这会呈现一些默认文本“Hello user”
如果用户输入 localhost:3000/?name=JohnDoe
这应该呈现 Hello JohnDoe。
我尝试过的东西。
我可以通过 next router 使用事件处理程序添加查询参数。
router.push('/?name=JohnDoe)
但是我不知道在用户使用带有查询参数的链接直接进入页面时设置状态的解决方案
解决方法
您可以在 getServerSideProps 中访问查询,然后对该查询进行重定向或执行任何您想要的操作:
const getServerSideProps = (ctx) => {
const {params} = ctx;
if(params){
return {
redirect: {
permanent: false,destination: "/login",}
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。