import axios from 'axios'
const instance = axios.create({
timeout: 10000
})
// 在请求拦截器中给每个请求头配置token
instance.interceptors.request.use(
(config) => {
// token 存储在localstorage和pinina中
const token = localStorage.getItem('token')
// 设置headers.Authorization为token
if (token && config.headers) {
config.headers.Authorization = `Bearer ${token}`
}
// 把配置过的config传给请求
return config
},
(error) => {
return Promise.reject(error)
}
)
// 响应拦截器
instance.interceptors.response.use(
(res) => {
// 请求成功
// 前后端约定,如果code不是0, 表示业务逻辑失败
if (res.data.data.code !== 0) {
console.log('error', res.data)
// 轻提示
return Promise.reject(res.data)
}
// 业务逻辑正确
return res.data
},
(error) => {
return Promise.reject(error)
}
)
// 配置请求函数
const request = (url, methods = 'get', data, options) => {
return instance.request({
url: url,
method: methods,
[methods.toUpperCase() === 'GET' ? 'params' : 'data']: data,
...options
})
}
export { request, instance }
文件上传组件封装,支持多文件上传和拖拽上传
需积分: 0 106 浏览量
2023-06-07
20:26:28
上传
评论
收藏 19KB ZIP 举报
红色1
- 粉丝: 3
- 资源: 1
最新资源
- 美赛数学建模算法-使用Matlab实现非线性规划NonLinearProgramming-国赛-题解.zip
- linux安装java8环境资源包
- 静态路由综合实验模拟ensp
- Unity中WebSocket网络连接的代码以及相关protobuf-net协议转换后的脚本类
- 基于ATLAB + Psychtoolbox 心理学实验,情绪词汇效价判断
- 美赛数学建模算法-使用Matlab实现神经网络NeuralNetwork-包括BP+LVQ-国赛-题解.zip
- hb-mapper-makertbin.log
- dfcf_silence_upgrade_cfw_10.15.3_20240318163518_64.apk
- 美赛数学建模算法-使用Matlab实现多元分析MultivariteAnalysis-包括聚类分析+主成分分析-国赛-题解
- 构成学1.psd
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈