nuxt+express 构建前后端分离项目中使用token与中间件middleware

最新推荐文章于 2024-08-18 15:12:31 发布

强运

最新推荐文章于 2024-08-18 15:12:31 发布

阅读量941

点赞数 1

分类专栏：前后端分离 nuxt+express nuxt中间件文章标签： vue.js node.js cookie 中间件 jwt

本文链接：https://blog.youkuaiyun.com/weixin_43161796/article/details/107363543

版权

本文详细介绍了在nuxt和express结合的前后端分离项目中，如何处理token和使用中间件middleware进行交互。重点讨论了middleware的编写，nuxt.config.js的配置，以及后端生成和验证token的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一定要考虑middlware同时与服务端和浏览器交互！！！

middlware中间件代码

import axios from 'axios'
import getCookie from '~/uitls/getCookie'

export default async function ({
    app , req , redirect , route }){
   
  let token ;
  
  if(req) {
    //req只有在服务端会触发
    //当用户第一次进入页面时，会先触发服务端，继续访问其他页面，触发客户端
    //F5刷新后，相当于第一次进入页面，触发服务端
    //客户端req:undefined
    
    token = getCookie.getcookiesInServer(req).token;: false;
    //从服务端获取cookie
  } else {
   
    token = getCookie.getcookiesInClient('token')
    //从客户端获取cookie
  }
  if(!token) {
   
      redirect({
    path: '/user/login' })