解决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这个东西是一定存在的,问题能解决
总结
本身自学无法找人指导,只能百度冲浪寻找解决办法,把自己找到已解决的方法写出来记录一下