Nuxt Universal模式下是否可强制中间件运行客户端代码？

项目基础场景 #

• 技术栈构成：后端采用标准Django Session身份认证体系，前端为Nuxt Universal（通用渲染）模式应用
• 初始实现目标：对项目内部分页面设置访问限制，仅登录用户可正常访问，最初选择通过Nuxt中间件实现统一的鉴权校验逻辑

核心异常表现 #

存在跨执行环境的Cookie传递不一致问题：
当直接刷新受限页面、或直接在地址栏输入受限页面地址发起访问时，中间件会在服务端环境执行，此时发起的鉴权请求未携带用户的登录Cookie，即使用户实际处于登录状态，校验始终返回未认证结果；
当从站内其他页面导航跳转至受限页面时，中间件在客户端环境执行，不存在Cookie缺失问题，鉴权流程可正常完成。

当前中间件实现代码 #

export default async function (context) {
  axios.defaults.withCredentials = true;
  return axios({
    method: 'get',
    url: 'http://127.0.0.1:8000/checkAuth',
    withCredentials: true,
  }).then(function (response) {
    // 校验用户是否为登录状态，服务端执行时该接口始终返回未认证结果
  }).catch(function (error) {
    // 异常分支处理逻辑
  });
}

已尝试的替代方案及存在的问题 #

• 尝试使用nuxtServerInit实现相同的鉴权拉取逻辑，存在与服务端中间件完全一致的Cookie缺失问题，无法正确识别用户的登录状态
• 若将鉴权校验逻辑放置在页面的beforeCreate生命周期钩子中，虽可正常完成客户端侧的状态校验，但存在执行时序问题：页面会先完成基础渲染、再发起鉴权请求，导致用户会短暂看到受限页面的内容后才被重定向到登录页，交互体验较差

待明确的解决方案疑问 #

• 是否可以通过配置强制让上述中间件逻辑仅在客户端环境运行？
• 还是需要调整整体的权限校验实现方案，从根源上解决服务端执行环境下的Cookie传递问题？

内容的提问来源于stack exchange，提问作者JayK23