处理重复请求:没有响应完成的请求,再去请求一个相同的请求,会把之前的请求取消掉
新增一个cancelRequest.js
文件
import axios from "axios"
const cancelTokens = {}
export const addPending = (config) => {
const requestKey = getRequestKey(config)
if (cancelTokens[requestKey]) {
cancelTokens[requestKey].cancel('cancel request')
}
const source = axios.CancelToken.source()
cancelTokens[requestKey] = source
config.cancelToken = source.token
}
export const deletePending = (res) => {
const requestKey = getRequestKey(res.config)
if (cancelTokens[requestKey]) {
delete cancelTokens[requestKey]
}
}
const getRequestKey = (co服务器托管网nfig = {}) => {
return config.url + config.method + JSON.stringify(config.params, config.data)
}
request.js
import axios from "axios"
import { baseUrl } from "@/config"
import { addPending, deletePending } from "./cancelRequest"
const service = axios.create({
baseURL: baseUrl,
timeout: 100000,
})
service.interceptors.request.use(
config => {
addPending(config)
return config
},
error => 服务器托管网{
return Promise.error(error)
}
)
service.interceptors.response.use(
success => {
deletePending(success)
},
error => {
deletePending(error)
}
)
export default service
服务器托管,北京服务器托管,服务器租用 http://www.fwqtg.net
机房租用,北京机房租用,IDC机房托管, http://www.fwqtg.net
相关推荐: Vue中的脚手架和路由
私人博客
系列文章目录
脚手架和路由这是首页这是列表页这是详情页私人博客 许小墨のBlog —— 菜鸡博客直通车 系列文章完整版,配图更多,CSDN博文图片需要手动上传,因此文章配图较少,看不懂的可以去菜鸡博客参考一下配图! 系列文章目录 前端系列文章——传送门 后端系列文章——传送门 文章目录 私人博客 系列文章目录 脚…