(十七)vue用axios的拦截器传header

下面以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)

})