首页 > 技术文章 > (十七)vue用axios的拦截器传header

yingxianqi 2022-03-25 10:04 原文

下面以axios拦截器携带Authorization参数,以请求头header的方式传递到后台,权限认证jwt也是这样子做的

1.在main.js

import Axios from "axios";
Axios.interceptors.request.use(
  config => {
      config.headers.Authorization ='1112223344556';
      return config;
  },
  err => {
      return Promise.reject(err);
  });
2:后端代码获取对应的header值

[Route("GetQsGet")]
[HttpGet]
public string GetQsGet(string username, string password, string phonenumber)
{
string headers = coreapijiek.unit.HttpContext.Current.Request.Headers["Authorization"].ToString().Replace("Bearer ", "");

return "1111";
}

 

归纳:

axios.interceptors.request.use( //发送请求的拦截器
axios.interceptors.response.use((response) => { //获取返回值的拦截器
if(response.headers['pms_exp']=='1'){
         alert(response.headers.pms_exp);
        }
        //return Promise.resolve(response);  
        return response
}, (error) => {
  return Promise.reject(error)
})

推荐阅读