在 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 表单数据(或对象)的主要内容,如果未能解决你的问题,请参考以下文章

如何在 nextjs 中添加活动的 className

从零搭建一个基于React+Nextjs的SSR网站:如何搭建服务器并部署Nextjs项目

NextJS:TailwindCSS 无法在生产环境中工作

nextjs - 在开发模式下使用 _error.js

无法在 NextJs + Storybook 中提供静态文件

NextJs App 在 Azure Web App 中部署时未在 nextjs 公用文件夹中加载图像