仅使用动态模块场景下如何让Nuxt.js的nuxtServerInit action正常生效

你手动导出固定的 Store 实例时，Nuxt 原生的 Store 处理逻辑会默认跳过根 nuxtServerInit Action 的自动绑定触发流程，所以会出现定义了但不执行的情况。

方案一：改为导出 Store 工厂函数（推荐） #

Nuxt 支持 store/index.ts 导出一个返回 Store 实例的工厂函数，这种模式下既可以保留全动态模块注册的能力，也能原生触发 nuxtServerInit：

// @/store/index.ts
import Vue from "vue";
import Vuex, { Store, ActionContext } from "vuex";

Vue.use(Vuex);

// 根状态类型定义，可根据自己的业务扩展
export interface RootState {}

const createStore = (): Store<RootState> => {
  return new Vuex.Store<RootState>({
    actions: {
      nuxtServerInit(
        { commit }: ActionContext<RootState, RootState>, 
        nuxtContext
      ): void {
        // 这里写你的原有逻辑
        console.log("nuxtServerInit 已正常触发！");
        console.log(nuxtContext);
      }
    }
  });
};

export default createStore;

你的动态模块可以在创建Store实例的过程中注册，也可以单独写在Nuxt插件中提前注册，确保在nuxtServerInit执行前完成注册即可。

方案二：用全局服务端中间件替代 #

如果需要保留固定导出Store实例的写法，可以把原nuxtServerInit的逻辑迁移到全局服务端中间件，效果完全一致：

1. 新建全局中间件文件 @/middleware/global-init.ts：

// @/middleware/global-init.ts
export default function (nuxtContext) {
  // 仅服务端执行
  if (process.server) {
    // 这里写你原来在nuxtServerInit里的逻辑
    console.log("替代nuxtServerInit的逻辑已触发");
    console.log(nuxtContext);
  }
}

2. 在nuxt.config.js/ts中注册全局中间件：

// nuxt.config.ts
export default {
  // 其余配置保持不变
  router: {
    middleware: ['global-init']
  }
}

如果使用vuex-module-decorators的动态模块，建议把模块注册逻辑放到优先级最高的插件中执行，避免触发初始化逻辑时模块还未注册完成。

内容的提问来源于stack exchange，提问作者Takeshi Tokugawa YD