2020-08-13

前端常用的拦截方法

一.jQuery的全局拦截方法: $.ajaxSetup

 $.ajaxSetup这个函数用于更改jQuery中AJAX请求的默认设置选项。之后执行的所有AJAX请求，如果对应的选项参数没有设置，将使用更改后的默认设置。它可以拦截后台的数据，对其进行相关处理。

$.ajaxSetup({

　　　　headers: {

　　　　　　token: '${token}'

　　　　},
        async : false,

　　});

二.局部拦截方法:beforSend

$.ajax({
     type: 'get',
     url: 'http://www.example.com',
     data: { name: 'zhangsan', age: '20' },
     contentType: 'application/x-www-form-urlencoded',
     beforeSend: function () { 
         return false
     },
     success: function (response) {},
     error: function (xhr) {}
});

三.axios的拦截方法

请求拦截

axios.interceptors.request.use(config => {
    return config
  },err =>{
  })

 

 //响应拦截
  instance.interceptors.response.use(config => {
    return config
  },err => {
    console.log(err)
  })