ES6 Promise项目中的使用

昨夜太平长安888

于 2020-06-10 14:53:29 发布

阅读量364

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6 文章标签： es6

本文链接：https://blog.youkuaiyun.com/HelloWord176/article/details/106662197

ES6 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了如何使用Axios库创建自定义的HTTP客户端，包括设置公共地址、超时时间，以及如何通过请求和响应拦截器实现全局错误处理和自定义请求头配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import axios from 'axios' //es6模块化的导入功能
const server = axios.create({
  baseUrl: '' ,// 公共地址,
  timeout: 5000
})
// axios请求的请求拦截
server.interceptors.request.use(config => {
  console.log(config)
  // 可以修改或者向config中添加请求头配置
  config.headers.token = "asjdasdp-asdkamsldma;lsda;s.d-2323lmaldkasl"
  return config
}, error => {
  Promise.reject(error)
})
// axios请求的响应拦截
server.interceptors.response.use(res => {
  return res.data.data
}, error => {
  // 可以对项目全局的错误码进行判断
  switch(error.code) {
    case 404:
      alert('页面不存在')
    break;
    case 500:
      alert('服务器错误')
    break;
  }
  Promise.reject(error)
})
export default server