美文网首页
nuxt 服务端进行请求时带上token

nuxt 服务端进行请求时带上token

作者: Devi_l | 来源:发表于2019-10-18 11:53 被阅读0次

    期望结果:在服务端、客户端请求时候带上token
    实现方式:把请求的cookie放到header里

    //修改 nuxt.config.js
    //添加模块
      modules: [
        'cookie-universal-nuxt',
        "@nuxtjs/axios",
      ]
    //添加插件引用
      plugins:[
        '@/plugins/axios',
      ]
    
    //添加插件文件 plugins/axios.js
    let isClient = process.env.VUE_ENV === 'client' //区分端
    export default ({ redirect, $axios, app }) => {
      $axios.onRequest(config => {
        return new Promise((resolve, reject) => {
          //match api
          let token = app.$cookies.get('token')
          //add token
          if (token) config.headers.Authorization = token;
          //其他的请求前业务逻辑 比如:api map
          resolve(config);
        })
      });
    
      $axios.onResponse(res => {
        return new Promise((resolve, reject) => {
          //返回数据逻辑处理 比如:error_code错误处理
          resolve(res.data);
        })
      });
    
      $axios.onError(config => {
        console.log('Making request to ' + config.url)
      })
    };
    
    

    相关文章

      网友评论

          本文标题:nuxt 服务端进行请求时带上token

          本文链接:https://www.haomeiwen.com/subject/emtimctx.html