一、为什么要对axios进行封装?
我们进行封装主要是看着清晰简洁、后期好维护。通常我们的项目都很大,页面就会越来越多,如果不封装,后期不好维护,比如要修改端口的时候,页面有很多,我们就要一个一个页面找,哪个接口需要更改,很不方便。所以对接口进行封装,有利于维护。
二、如何axios进行封装?
- 在src文件夹下创建一个http文件夹,在http中新建三个js文件。分别是env.js、api.js、request.js这三个js文件。
- env.js文件主要用来配置环境的(开发环境、测试环境、生产环境),比如说配置公共地址时,我会放在这里。
xport default {
dev: {
baseUrl: "https://localhost:8080"
},
test: {
baseUrl: "https://test.365msmk.com"
},
prod: {
baseUrl: "https://www.365msmk.com"
}
};
- api.js文件中主要就是用来封装业务的各种接口,比如登录授权、轮播图、商品列表、详情等。
import request from "./request";
export function getBanners() {
return request({