美文网首页
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