解决vue3+TS+axios请求拦截 headers 头提示为Object is possibly ‘undefined’.报错
解决vue3+TS+axios请求拦截文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工
·
解决vue3+TS+axios请求拦截 headers 头提示为Object is possibly ‘undefined’.
文章目录
前言
解决vue3+TS+axios请求拦截 headers 头提示为Object is possibly ‘undefined’.
config.headers.Authorization = Bearer ${token}
一、,通过解构将原有config
复制一份,再拼接要添加的新属性
requestInterceptors: (config) => {
// 拦截携带token
const token = LocalCache.getCache('token')
if (token) {
config.headers = {
...config.headers,
Authorization: `Bearer ${token}`
}
}
return config
}
通过解构原有config,然后在添加Authorization头,问题得以解决
二、在headers后加一个!告诉ts这个东西是一定存在的
requestInterceptors: (config) => {
// 拦截携带token
const token = LocalCache.getCache('token')
if (token) {
config.headers!.Authorization = `Bearer ${token}`
}
return config
},
ts 类型config.headers会提示 Object is possibly ‘undefined’,可以通过加一个!来告诉ts这个东西是一定存在的,问题能解决
总结
本身自学无法找人指导,只能百度冲浪寻找解决办法,把自己找到已解决的方法写出来记录一下
更多推荐
已为社区贡献1条内容
所有评论(0)