Nuxt如何将服务测数据存储到Vuex中

简介: Nuxt如何将服务测数据存储到Vuex中

theme: channing-cyan

Nuxt中有个nuxtServerInit方法。

Nuxt 调用它的时候会将页面的context上下文对象作为第2个参数传给它(服务端调用),与fetch一样,不包括context.redirect和context.error方法,当我们想要将服务端的一些数据传到客户端,可以通过这个获取保存在状态中,客户端再从状态里取。

const actions = {
   
   
  nuxtServerInit({
   
    commit}, {
   
   req}) {
   
   
    console.log('req.session', req.session)
  }
}

注:必须配置在Vuex中的index配置。

目录
相关文章
|
4月前
|
存储 缓存 JavaScript
深入了解 Pinia:现代 Vue 应用的状态管理利器
深入了解 Pinia:现代 Vue 应用的状态管理利器
深入了解 Pinia:现代 Vue 应用的状态管理利器
|
6月前
|
存储 资源调度 JavaScript
在Vue 3项目中引入Pinia进行状态管理并持久化存储
在Vue 3项目中引入Pinia进行状态管理并持久化存储
117 0
|
6月前
|
存储 JavaScript
vue项目中数据存储(pinia)
vue项目中数据存储(pinia)
102 0
|
7月前
|
存储 JavaScript 前端开发
Vuex详解:Vue.js的状态管理方案
Vuex详解:Vue.js的状态管理方案
64 1
|
JavaScript 前端开发
Vue3 + Vite批量导入模块 / 资源
Vue3 + Vite批量导入模块 / 资源
617 0
|
25天前
|
存储 JavaScript 前端开发
一起学习Vuex 4.0的状态管理(Vite)
一起学习Vuex 4.0的状态管理(Vite)
29 0
|
2月前
|
JavaScript API
Vue3新的状态管理库-Pinia(保姆级别教程)
Vue3新的状态管理库-Pinia(保姆级别教程)
47 0
|
4月前
|
JavaScript
深入理解 Vue.js 中的`mapState`辅助函数:简化状态管理的秘密武器(上)
深入理解 Vue.js 中的`mapState`辅助函数:简化状态管理的秘密武器(上)
|
4月前
|
JavaScript
深入理解 Vue.js 中的`mapState`辅助函数:简化状态管理的秘密武器(下)
深入理解 Vue.js 中的`mapState`辅助函数:简化状态管理的秘密武器(下)
深入理解 Vue.js 中的`mapState`辅助函数:简化状态管理的秘密武器(下)
|
4月前
|
存储 JavaScript 前端开发
探索 Pinia:简化 Vue 状态管理的新选择(上)
探索 Pinia:简化 Vue 状态管理的新选择(上)
探索 Pinia:简化 Vue 状态管理的新选择(上)