封装axios

刚完成了vue项目，在项目中用到了axios+typescript封装，感觉比较重要，分享给大家，希望对大家有帮助!

1.首先在src中新建一个utils文件夹，在该文件中新建三个ts（也可以是js）文件，如下图

 2.在 http.ts 中自定义 axios 实例添加请求和响应拦截器

•  可以自行配置跨域处理方式
• 拦截器学习   使用说明 · Axios 中文说明 · 看云

import axios, { AxiosInstance, AxiosResponse, AxiosError, AxiosRequestConfig } from "axios";

const instance: AxiosInstance = axios.create({
  /** 如果是使用的CORS处理跨域，这里应该设置为  http://127.0.0.1:81 */
  /** 我们这里使用的是Proxy处理跨域，所以设置为 /a