首页 > 其他 > 详细

vue -element admin 修改request,headers添加参数

时间:2021-05-18 09:35:47      阅读:86      评论:0      收藏:0      [点我收藏+]

1.方法一

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  headers: {
    ak: window.sessionStorage.getItem("code") || ""
  },
  transformRequest: [
    function(data, headers) {
      // `transformRequest` 允许在向服务器发送前,修改请求数据
      // 只能用在 ‘PUT‘, ‘POST‘ 和 ‘PATCH‘ 这几个请求方法
      // 结合create_headers里的内容,在这里又新增一条信息sex=man
      // 因此network中查看的结果是:name=xiaoming&age=12&sex=man
      headers["ak"] = window.sessionStorage.getItem("code") || "";
      return JSON.stringify(data);
    }
  ],
  timeout: 10000 // request timeout
});

2.推荐方法

// request interceptor
service.interceptors.request.use(
  config => {
    // do something before request is sent

    if (window.sessionStorage.getItem("code")) {
      // let each request carry token
      // [‘X-Token‘] is a custom headers key
      // please modify it according to the actual situation
      config.headers["ak"] = window.sessionStorage.getItem("code");
    }    
    return config;
  },
  error => {
    // do something with request error
    console.log(error); // for debug
    return Promise.reject(error);
  }
);

vue -element admin 修改request,headers添加参数

原文:https://www.cnblogs.com/gggggggxin/p/14779398.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!