在 NEXTJS 的 getServerSideProps() 中获取一些 html 表单数据(或对象)
Posted
技术标签:
【中文标题】在 NEXTJS 的 getServerSideProps() 中获取一些 html 表单数据(或对象)【英文标题】:Get some html form data (or Object) in getServerSideProps() in NEXTJS 【发布时间】:2021-07-04 19:32:08 【问题描述】:我需要在 getServerSideProps 函数中获取一些从 NextJS 页面提交到另一个(服务器端渲染)页面的表单数据。基本上我需要在 getServerSideProps() 中调用的 api 需要传递这些数据。想过使用 localStorage/sessionStorage 在表单页面上存储数据并在函数中检索,但这在服务器上呈现时不起作用。有什么帮助吗?
【问题讨论】:
【参考方案1】:您可以将表单数据字段作为查询参数转发,或者使用表单字段创建一个对象,然后对该对象进行 base64 编码,将该字符串添加到查询参数中。
在下一页中,您可以在getServerSideProps
的上下文参数中访问来自query
的参数,然后解码base64 数据以检索表单字段
【讨论】:
是的,这行得通,但是,我需要通过 http 传入请求传递它,这样它就不会出现在 URL 上。有什么帮助吗? 能否详细说明您正在尝试做的事情可能是使用一些代码 sn-p 吗?你的要求我还不清楚以上是关于在 NEXTJS 的 getServerSideProps() 中获取一些 html 表单数据(或对象)的主要内容,如果未能解决你的问题,请参考以下文章
从零搭建一个基于React+Nextjs的SSR网站:如何搭建服务器并部署Nextjs项目