执行 nuxtServerInit 动作从服务器侧装入初始负载的数据
作者: MarceloLuis1997创建于 2022年2月18日更新于 2025年2月21日
标签contribution welcomefeature request⛰ pkg:nuxt
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}什么问题?
执行类似 [NuxtServerInit Action] (https://nuxtjs.org/docs/directory-structure/store/#the-nuxtserverinit-action)的东西,这样我们就可以从服务器端装入数据,并在初始负载/卸载时直接交给客户端.
建议的解决办法
在 " /存储 " 内包含一个index.js'文件,其中包含一个nuxtServerInit ' 动作,该动作将从初始负载的服务器端调用。
描述你考虑过的其他选择
我找到的唯一办法就是用Vuex的"nuxtServerInit"使用Pinia:
//商店/索引.js
从“ ~/ stores/ session” 导入 {使用SessionStore}
导出康斯特动作={
aync nuxtServerInit ({发件},{ req, retroduct, $pinia}) {
如果 (.req.url. 包括 ('/auth/')) {
Cont store = 使用SessionStore($pinia)
尝试{
等待 store.me () / 从服务器端装入用户信息, 然后再在客户端端渲染
{\fn华文楷体\fs16\1cHE0E0E0}抓住(e){
重新定向('/auth/login') // 如果用户没有登录则重新定向到登录
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?内容来源: vuejs/pinia