Javascript 如何在Laravel的cookie中的表单步骤之间存储Vue状态?

Javascript 如何在Laravel的cookie中的表单步骤之间存储Vue状态?,javascript,php,laravel,vue.js,cookies,Javascript,Php,Laravel,Vue.js,Cookies,这种情况下,用户实际上是在填写一个多步骤表单,我们希望在cookie中保存每个步骤,以防用户失去连接,这样他们的数据就不会在表单步骤之间丢失 我们还需要将cookie发送回服务器进行验证,并在其中保存任何新数据 目前,服务器运行的是用Laravel编写的restful API,我的理解是Cookie不能通过rest API发送到客户端 有没有办法通过用Vue编写的SPA前端来实现这一点,或者我最好只编写服务器渲染视图,不使用API解决方案?您肯定可以将cookie与REST API一起使用。Co

这种情况下,用户实际上是在填写一个多步骤表单,我们希望在cookie中保存每个步骤,以防用户失去连接,这样他们的数据就不会在表单步骤之间丢失

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

目前,服务器运行的是用Laravel编写的restful API,我的理解是Cookie不能通过rest API发送到客户端

有没有办法通过用Vue编写的SPA前端来实现这一点,或者我最好只编写服务器渲染视图,不使用API解决方案?

您肯定可以将cookie与REST API一起使用。Cookie本质上只是HTTP头,您可以从SPA和RESTAPI完全控制它。虽然,我会强烈考虑使用或代替在cookie中篡改这个状态。 至于在服务器端保存/验证数据,通常您只需向一个RESTful API端点执行HTTP POST。没有理由让Cookie参与进来

根据您的多步骤表单在后端的建模方式,第一步创建初始表单(
httppost)
,后续步骤将更新该表单(
httpput
)。如果需要获取最新保存的表单数据,客户端(SPA)可以调用(
httpget
)端点

下面是一个端点如何构造的一般示例:

 - 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)