javascript - 如何在 Laravel 的 cookie 中的表单步骤之间存储 Vue 状态？

Question

场景是用户实际上是在填写多步骤表单，我们希望将每个步骤保存在 cookie 中以防用户失去连接，这样他们的数据就不会在表单步骤之间丢失。

我们还需要将该 cookie 发送回服务器进行验证，并在其中保存任何新数据。

目前，服务器正在运行一个用 Laravel 编写的 restful API，我的理解是不能通过 rest API 将 cookie 发送到客户端？

有没有一种方法可以通过用 Vue 编写的 SPA 前端来实现这一点，还是我最好只编写服务器呈现的 View 而不使用 API 解决方案？

Answer 1

您绝对可以将 cookie 与 REST API 一起使用。 Cookie 本质上只是 HTTP header ，您可以从 SPA 和 REST API 完全控制它。虽然，我会强烈考虑使用 localStorage或 sessionStorage而不是在 cookie 中处理这种状态。

至于在服务器端保存/验证数据，通常您只需对您的 RESTful API 端点之一执行 HTTP POST。没有理由让 cookie 参与其中。

根据您的多步骤表单在后端建模的方式，第一步创建初始表单(HTTP POST) 并且后续步骤将更新该表单(HTTP 放置)。如果您需要获取最新保存的表单数据，客户端(您的 SPA)可以调用(HTTP GET)端点。

这是端点如何构建的一般示例:

 - GET:   /api/special-forms/{id} (Returns a the form for the given ID)
 - POST:  /api/special-forms/     (Creates a new form)
 - PUT:   /api/special-forms/{id} (Updates the form matching the given ID)