首先先在你的项目中安装 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, //请求超时时间

本文介绍了如何在Vue项目中封装axios请求。首先通过安装axios,然后在src目录下创建request文件来配置请求头和拦截器。接着,将接口封装到api文件夹中,方便管理和调用。最后,说明了如何在项目文件中引入并使用这些封装好的接口。
最低0.47元/天 解锁文章
3657

被折叠的 条评论
为什么被折叠?



