Axios的二次封装大致上可以分为七个步骤:
①创建config.js文件,并在根页面文件index.html中引入,这个文件是用于配置请求路径的,如果项目中有多个请求地址时,直接配置在里面即可,附上文件代码以及引入方式:
//config.js文件
//这里的/api和/loginIp都在vue.config.js文件中配置了代理,请求时会被映射为目标地址
const BASE_URL = '/api'; //常用接口地址ip
const loginIp = '/loginIp'; //登陆功能地址ip
②创建axios.js文件并引入axios,vue,router等,并且配置基本路径(这个是发请求时默认的前缀地址,如果项目中要使用其他配置的地址,在api.js文件中封装时重写baseURL即可)
import axios from 'axios';
import Vue from 'vue';
import router from '../router';
const _axios = axios.create({
//下面这一行忽略注释要写,不然会报错,因为不是es6模块化引入
// eslint-disable-next-line
baseURL: BASE_URL,
timeout: 60000,
validateStatus() {