Vue项目 封装 axios请求 （直接复制可用）

首先先在你的项目中安装 axios 官方文档

$ npm install axios

安装完成之后可以在 package.json 文件中看到

然后在项目 src 文件夹下创建一个文件来进行请求的封装

然后 request 文件是对 axios 的处理 ，里面包含 请求头的配置 以及请求拦截和响应拦截相关的一些配置，api 文件夹主要就是 对接口的封装。项目中用到的接口 都可以写到这里面

1. 先看 request 文件

// 这是一个封装请求接口的文件
import axios from 'axios' //将安装好的axios引入进来

// 创建一个axios请求实例   详细请看axios官网文档  https://www.axios-http.cn/docs/instance
//这里可以配置公共的请求头   超时时间等
const instance = axios.create({
   
    baseURL: 'https://www.xxxxxxxx.com', //这里写自己公司的请求接口
    timeout: 5000, //请求超时时间<