Javascript Nuxt.js-持久数据的共享链接:接收者如何查看数据?
在我的Nuxt/vuetify应用程序中,我有一组用户应该通过用户界面完成的操作/步骤。在每个步骤中,都会发出异步请求以获取数据,然后将数据保存在Javascript Nuxt.js-持久数据的共享链接:接收者如何查看数据?,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,在我的Nuxt/vuetify应用程序中,我有一组用户应该通过用户界面完成的操作/步骤。在每个步骤中,都会发出异步请求以获取数据,然后将数据保存在store/index.js中 这些步骤和后续选项用于为每种情况/单击构建URL路径 我使用了一个插件来持久化数据,这样用户就可以通过单击浏览器箭头符号(历史记录)来单击后退和前进,并查看数据持久化并显示的前面步骤 现在我想到的情况是,用户共享他完成的任何步骤的链接(意味着他在一系列步骤后登录到页面,并显示他选择的数据):如果他在互联网上与其他人共享链
store/index.js
中
这些步骤和后续选项用于为每种情况/单击构建URL路径
我使用了一个插件来持久化数据,这样用户就可以通过单击浏览器箭头符号(历史记录)来单击后退和前进,并查看数据持久化并显示的前面步骤
现在我想到的情况是,用户共享他完成的任何步骤的链接(意味着他在一系列步骤后登录到页面,并显示他选择的数据):如果他在互联网上与其他人共享链接,链接的接收者将看不到显示的任何数据,因为我使用了store/index.js
来存储它,并使用了一个插件来保持Nuxt状态
问题:有什么方法/备选方案来实现我的目标?我想允许用户共享他完成的最后一个步骤的链接,他的链接接收者应该查看发送者选择的数据。您可以通过url中的查询字符串存储数据。例如,将url设置为如下所示:
https://example.com/form/?answer1=3&answer2=4&answer3=blah
这将使表单无状态,并且不受刷新的影响。如果用户共享该链接,则可以查看已选择的答案以及查询字符串中存在的答案,并显示相应的表单以继续选择
注意:在使用Vue路由器的Vue js中,可以如下方式访问查询字符串:
this.$route.query['querystringkey']
感谢您的反馈。但目前,我还没有实现后端,我的链接的形式是http:3000/choices/1/subChoice/2
。我通过在不同的浏览器上打开相同的链接来模拟共享链接,在那里我看不到数据。