我们在使用axios获取接口数据时,项目可能有多处需要调用相同的数据,采用一般的axios请求,需要重复书写代码,我们可以封装模块,来实现代码复用。
1、安装axios
(1)在终端中运行如下代码
npm install axios
2.在src目录下创建utils文件夹,在此文件夹中创建request.js文件
此.js文件就可以被多个组件调用
(1)
(2)request.js代码
//之前安装了axios,在此导入
import axios from 'axios'
// 调用 axios.create() 函数,创建一个 axios 的实例对象,用 request 来接收
const request = axios.create({
// 指定请求的根路径(根路径写自己的)
baseURL: 'https://www.com'
})
export default request
3.在src目录下创建api文件夹,在此文件夹下创建articleAPI.js文件
(1)
<