摘要:最近做项目遇到一款浏览器,由于缓存了请求,导致不管如何刷新,数据都不更新的问题。以下分享一下解决办法解决思路就是给每一条请求增加一个的参数,为时间戳但是我们又不想每次请求都加上,所以希望全局配置。
最近做项目遇到一款浏览器,由于缓存了get请求,导致不管如何刷新,数据都不更新的问题。
以下分享一下解决办法:
解决思路就是给每一条get请求增加一个timestamp的参数,value为时间戳
但是我们又不想每次请求都加上,所以希望全局配置。
解决方法在代码最下方
import axios from "axios" // import { Spin } from "iview" import { getToken } from "@/libs/util" import Vue from "vue" const vueInstance = new Vue() class HttpRequest { constructor(baseUrl = baseURL) { this.baseUrl = baseUrl this.queue = { } } getInsideConfig() { const config = { baseURL: this.baseUrl, timeout: 60000, headers: { Authorization: getToken() || "", post: { "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8" } } } return config } destroy(url) { delete this.queue[url] } interceptors(instance, url) { // 请求拦截 instance.interceptors.request.use(config => { this.queue[url] = true return config }, error => { return Promise.reject(error) }) // 响应拦截 instance.interceptors.response.use(res => { this.destroy(url) const { data, status } = res if (data.code && data.code !== 200) { vueInstance.$Modal.error({ title: data.code, content: data.message || data.error || "系统出错" }) } return { data, status } }, error => { this.destroy(url) return Promise.reject(error) }) } request(options) { const instance = axios.create() if (!options["method"]) { //没有method的请求为get,判断为get请求 if (!options["params"]) { //如果这个请求本身不带参数 Object.assign(options, { //给options这个对象添加一个params的参数,属性为timestamp,值为时间戳 params: { timestamp: new Date().getTime() } }) } else { Object.assign(options.params, { //如果get请求本身带有参数,给options.params 再添加一个key值timestamp,值为时间戳 timestamp: new Date().getTime() }) } } options = Object.assign(this.getInsideConfig(), options) this.interceptors(instance, options.url) return instance(options) } } export default HttpRequest //返回HttpRequest对象 由于时间仓促,这段代码没有做太多优化,只给大家提供思路。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/109016.html
摘要:最近做项目遇到一款浏览器,由于缓存了请求,导致不管如何刷新,数据都不更新的问题。以下分享一下解决办法解决思路就是给每一条请求增加一个的参数,为时间戳但是我们又不想每次请求都加上,所以希望全局配置。 最近做项目遇到一款浏览器,由于缓存了get请求,导致不管如何刷新,数据都不更新的问题。以下分享一下解决办法:解决思路就是给每一条get请求增加一个timestamp的参数,value为时间戳...
摘要:前言之前投递了腾讯的实习生前端岗,一直没有电话,查了下状态说不合适,以为凉凉了,今天却收到了电话,出乎意料然后就开始了一面,一开始面试官说时间不会太久,大概分钟吧,结果整个过程也就持续了分钟吧。 前言 之前投递了腾讯的实习生前端岗,一直没有电话,查了下状态说不合适,以为凉凉了,今天却收到了电话,出乎意料...然后就开始了一面,一开始面试官说时间不会太久,大概30分钟吧,结果整个过程也就...
摘要:先安装的详细介绍以及用法就不多说了请移步下面是简单的封装一个,在此说明这个方法呢是不一定需要的,根据个人的项目需求吧,也可以直接返回,交给后面另行处理也行。或者根据后端返回的状态,在里面进行处理也行。先安装 axios npm install axios axios的详细介绍以及用法 就不多说了请 移步 github ➡️ https://github.com/axios/axios ...
阅读 2105·2021-11-12 10:36
阅读 2093·2021-09-03 10:41
阅读 2716·2021-08-19 10:57
阅读 1191·2021-08-17 10:14
阅读 1461·2019-08-30 15:53
阅读 1164·2019-08-30 15:43
阅读 952·2019-08-30 13:16
阅读 2934·2019-08-29 16:56