ajax被token拦截,vue中封装ajax请求，并且拦截请求在请求头中添加token

/**

* 封装请求方法

* @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相关推荐

vue中封装ajax请求方法,Vue如何封装ajax
Vue如何封装ajax 发布时间:2020-12-07 11:09:07 来源:亿速云阅读:123 作者:小新这篇文章主要介绍Vue如何封装ajax,文中介绍的非常详细,具有一定的参考价值,感兴趣 ...
小程序中封装ajax请求,如何在微信小程序中封装网络请求
如何在微信小程序中封装网络请求发布时间:2021-05-11 16:59:36 来源:亿速云阅读:95 作者:Leah 这期内容当中小编将会给大家带来有关如何在微信小程序中封装网络请求,文章内容丰 ...
Javaweb的AJAX及Axios框架使用（封装AJAX）
概念: AJAX(Asynchronous JavaScript And XML):异步的JS和XML. 作用: 与服务器进行数据交换 :通过AJAX可以给服务器发送请求.使用AJAX和服务器进行通 ...
uniapp中封装ajax方法
ajax.js // 记录调用 request 方法的次数 let ajaxTimes = 0// 请求地址的基本路径 const baseUrl = 'https://api-hmugo-web.i ...
小程序ajax返回html,微信小程序封装Ajax请求
var a朋不功事做时次功好来多这开制的请一例农在pp = getApp()是能览调不页新代些事几求事都时学下是事; c带道术用量确示常构端析以要效开的用,近不onst serverIp = app. ...
【Web通信】WebSocket详解：WebSocket是什么？如何使用WebSocket？在Vue中封装WebSocket(心跳监测)。nginx配置websocket。
一.WebSocket相关定义 1. WebSocket定义 WebSocket 是一种基于TCP的全双工通信协议,它提供了一种在浏览器和服务器之间建立持久连接来交换数据的方法.数据可以作为" ...
ajax post提交数组6,jQuery的ajax()、post()方法提交数组，参数[] 问题
当用$.ajax()向后台提交参数时,如果参数中数组的话一般在后台会用List,或Integer[] 等数组对象进行接收. 比如: $.ajax({ type: "POST", u ...
如何添加JWT生成的token在请求头中
前言在我们使用JWT来做用户的验证时,我们登陆生成对应的token,并加入到请求的参数中发送到后台提供相关的权限校验.这个时候我们需要使用到传递请求头参数传递的问题,下面是两种方式. 1.ajax提 ...
html如何给header添加token,将Token添加到请求头Header中
概述在使用JSON Web Token作为单点登录的验证媒介时,为保证安全性,建议将JWT的信息存放在HTTP的请求头中,并使用https对请求链接进行加密传输,效果如下图所示: 问题 1.由于项目 ...

ajax被token拦截,vue中封装ajax请求，并且拦截请求在请求头中添加token

ajax被token拦截,vue中封装ajax请求，并且拦截请求在请求头中添加token相关推荐

最新文章

热门文章