nuxt.js 路由过后token未定义

Question

使用js-cookie在传参路由过后Cookies里的token在后台debug中变成了undefined导致token解析失败

 <router-link :to="'/qa/item/'+item.id" target="_blank">{{item.title}}</router-link>

Answer 1

可能是因为在路由传递过程中，Cookies中的token被浏览器自动删除了。您可以尝试在路由中手动设置Cookies,或者使用sessionStorage代替cookies来存储token。

示例代码：

// 手动设置Cookies
router.get('/user', (req, res) => {
  setCookie('token', req.query.token);
  // ...
});

// 使用sessionStorage存储token
router.get('/user', (req, res) => {
  const token = req.session.token;
  if (!token) {
    // 从其他地方获取token并存储到sessionStorage中
    res.sessionStore.set('token', req.query.token);
  } else {
    // 从sessionStorage中获取token
    req.session.token = token;
  }
  // ...
});