vue.js - 初始化 nuxt 插件一次而不是服务器 + 客户端

Question

我正在使用 nuxt i18n和 @nuxtjs/router ，每当用户加载应用程序时，我都会使用来 self 的 API 的异步数据对其进行初始化。

路由器示例:

export async function createRouter() {
  const routes = await httpService.get('routes')

  return new Router({
    mode: 'history',
    routes: routes.data
  })
}

这很好用。但是，这两个插件都被初始化了两次，首先是从服务器，然后是从客户端，我注意到这是因为当我加载应用程序时对每个插件调用了 2 个 api。

为什么插件在 univerval 模式下初始化两次？

Answer 1

这对于插件的实际工作是有意且重要的!

双方，server-side 和client-side(在浏览器中)，是独立的并且必须再次初始化插件，因为它们不以任何方式共享.