vue封装axios(统一添加请求参数,如token useId等)

main.js中:

import axios from 'axios'
import VueAxios from 'vue-axios'
import qs from 'qs';
Vue.prototype.$qs = qs;

//请求的拦截器
/*axios.defaults.transformRequest=[function(data){
  return qs.stringify(data);
}];*/
axios.interceptors.request.use(function(config){
  const cl_u_id=localStorage.getItem('cl_u_id');
  const appId=localStorage.getItem('appId');

  if(config.headers['Content-Type'] == 'multipart/form-data'){
   config.data.set('cl_u_id',cl_u_id);
   config.data.set('appId',appId);
   return config;
  }
  //判断请求的类型:如果是post请求就把默认参数拼到data里面;如果是get请求就拼到params里面
  if(config.method==='post'){
    config.data=qs.stringify({
      cl_u_id:cl_u_id,
      appId:appId,
      ...config.data
    })
  }else if(config.method==='get'){
    config.params={
      cl_u_id:cl_u_id,
      appId:appId,
      ...config.params
    }
  }
  return config;
},function(error){
  return Promise.reject(error);
})

Vue.use(VueAxios, axios)

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值