项目中如何实现请求接口携带token

·  阅读 439

axios 如何实现请求接口携带token 实现步骤

第一步

需要在请求发起的时候在请求头中加token,这是我们需要使用到aixos中使用自带的请求拦截器,interceptors 进行接口请求拦截,在拦截器中添加token 请求头携带token

// 在请求拦截器中进行请求头中加token
axios.interceptors.request.use(
    config => {
        let userList= JSON.parse(sessionStorage.getItem('userList'))
        config.headers['authorization'] =userList.token
        return config
    },
    error => {
      return Promise.reject(error)
})
复制代码

第二步

在拦截器中添加token请求头的时候会出现第一个没有token 携带进行请求的时候会出现报错。所以我们要判断token是否存在 如果存在就携带token 如果不存在就不携带token

// 添加请求拦截器,在请求头中加token
axios.interceptors.request.use(
    config => {
    let userList= JSON.parse(sessionStorage.getItem('userList'))
      // 判断本地的cookie中是否有token
    if (userList) {
        if(userList.token){
            config.headers['authorization'] =userList.token
        }
    }
    return config
    },
    error => {
      return Promise.reject(error)
})
复制代码
由于本人也是第一次进行技术分享如果错误的地方请大家多多指教
分类:
前端
标签:
分类:
前端
标签: