/**

* 封裝請求方法

* @param {Object} url 接口請求地址

* @param {Object} data 接口請求參數(無需請求方式參數，則此項可以為空，否則必須傳)

* @param {Object} params 請求方式參數(可以為空)

*/

function ajax(url, data, params) {

return new Promise(function(resolve, reject) {

$.ajax({

url: url,

type: params && params.type || 'post',

dataType: params && params.dataType || 'JSON',

data: data,

beforeSend: function(xhr){

let token = store.state.token;//在vuex設置token后，通過beforeSend攔截請求并添加請求頭中的token

if(token != ""){

xhr.setRequestHeader("token",token)

}

},

content-type: "application/json; charset-UTF-8",

success: function(res) {

resolve(res)

},

error: function(res) {

const data = res.responseJSON;

switch (res.status) {

//非GRT POST請求無法進入success回調，在此攔截status=200的情況

case 200:

resolve(res)；

console.log(res);

return;

case 400:

alert('error.ststem.busy')

break;

case 404:

alert('error.ststem.busy')

break;

case 500:

alert('error.ststem.busy')

break;

}

}

});

});

}

總結

以上是生活随笔為你收集整理的ajax被token拦截,vue中封装ajax请求，并且拦截请求在请求头中添加token的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。