vue:项目开发:在请求拦截器中处理loading加载 请求头(headers)的检验配置 接口文档出现的特殊符号处理的方式

news/2024/11/17 6:28:30/

请求拦截器中的一些处理逻辑

// 自定义配置实例 (自己配置的请求)
import store from '@/store'
import axios from 'axios'
import { Toast } from 'vant'const instance = axios.create({baseURL: 'http://cba.itlike.com/public/index.php?s=/api/',timeout: 5000
})// 添加请求拦截器
instance.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
// 开启 loading请求,禁止背景点击(节流处理)Toast.loading({message: '遥遥领先...',forbidClick: true, // 禁止背景点击loadingType: 'spinner', // 配置loading效果duration: 0 // 0不会自动消失,(ms)默认最好为0,在响应拦截器中关闭即可,写死不太好})// 只要有token,就在请求时携带,便于请求需要授权接口的处理const token = store.getters.tokenif (token) {console.log()config.headers['Access-Token'] = tokenconfig.headers.platform = 'H5'}return config
}, function (error) {
// 对请求错误做些什么return Promise.reject(error)
})

特殊符号的处理方式:

在接口文档中,要求我们配置 Access-Token请求头。
直接在后面.Access-Token报错。
如何解决呢?

// 解决方案
用数组里面包含字符串的形式包起来 →  点也不要了(js会自动解析)config.headers['Access-Token'] = token

http://www.ppmy.cn/news/1173269.html

相关文章

thinkphp 解决跨域的三个方式

1. 在tp入口index.php 加上header //支持跨域 header("Access-Control-Allow-Origin:*"); header(Access-Control-Allow-Methods:*); header(Access-Control-Allow-Headers:x-requested-with, content-type,token); 2. 在route.php加上 allowCrossDomain()&#xff…

使用imx 8m 测试matter协议功能

yocto这玩意太耗硬盘和cpu了,网上租个E5神机来编吧 参考网址: https://github.com/nxp-imx/meta-matter 请使用Ubuntu-20.04。18.04python版本太老 注意repo会出现此报错,可以无视: repo sync 同步不了代码 error: RPC failed;…

微信小程序抓包及测试

目录 环境准备 小程序反编译 一不小心getshell 本来只想写个抓包反编译过程,没想到大肠包小肠有意外收获 网上大多数的小程序测试抓包都是用的安卓模拟器,这里使用的是BurpSuiteProxifer微信客户端的抓包方式 环境准备 Burp2023.9.2 Proxifier4.5…

Qt扫盲-QImage 理论总结

QImage 理论总结 一、概述二、读写图像文件三、图像信息四、像素操作1. 32位2. 8位 五、图像格式六、图像转换 一、概述 QImage类提供了一个独立于硬件的图像表示,允许直接访问像素数据,并且可以用作绘画设备。Qt提供了四个类来处理图像数据&#xff1a…

IntelliJ IDEA 2023.2正式发布,新UI和Profiler转正

你好,我是YourBatman:做爱做之事❣交配交之人。 📚前言 北京时间2023年7月26日,IntelliJ IDEA 2023.2正式发布。老规矩,吃肉之前,可以先把这几碗汤干了,更有助于消化(每篇都很顶哦…

Unity 单例-接口模式

单例-接口模式 使用接口方式实现的单例可以继承其它类&#xff0c;更加方便 using System.Collections; using System.Collections.Generic; using UniRx; using UniRx.Triggers; using UnityEngine; namespace ZYF {public interface ISingleton<TMono> where TMono : M…

C++入门指南:带你快速了解模板(建于收藏!!)

C入门指南&#xff1a;带你快速了解模板&#xff08;建于收藏&#xff01;&#xff01;&#xff09; 一、泛型编程&#xff08;模板引入&#xff09;二、函数模板2.1 函数模板概念2.2 函数模板格式2.3 函数模板的原理2.4 函数模板的实例化2.4.1 隐式实例化2.4.2 显示实例化 2.5…

QT判断平台和生成版本设置输入目录

QT判断平台和生成版本设置输入目录 pro工程文件中常用的宏定义Chapter1 QT判断平台和生成版本设置输入目录Chapter2 Qt pro文件中判断 x86/arm(aarch64)交叉编译环境&#xff0c;区分 linux/windows系统, debug/release版本Chapter3 Qt的版本判断、跨平台选择与pro工程文件输出…