vue中拆分封装axios

3、在network中建一个core.js文件

import {GET,POST} from “./config”; //导入config

import axios from “axios”; //安装axios并引入

const instance =axios.create({ //创建一个拥有通用配置(如：路由等)axios实例

baseURL:“https://api.it120.cc” //通用路由与config里的多级路由拼接

});

export function request(method,url,params){ //封装一个函数并导出，类似于this.$axios.get(url,{})

switch(method){ //switch语句判断是get还是poat请求

case GET: //如果是get就调用下面封装的get请求并返回

return get(url,params)

case POST: //post

return post(url,params)

}

};

function get(url,params){ //封装get请求

return instance.get(url,params) //调用上面axios实例并return返回

};

function post(url,params){ //封装post请求

return instance.get(url,params)

};

4、在network中建一个index.js文件

import {request} from “./core” //导入core

import {GET,POST,path} from ‘./ 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 config’ //导入config

const network={ //声明一个对象

getStoreList(params){return request(GET,path.list,params)}

//自定义事件名 调用core中的request函数发送get请求，path.list是调用config里的多级路由

}

export default network //抛出network对象 在main.js里接收全局引入

5、在main.js里接收全局引入

import network from ‘./network/index’ //全局引入在那都能调用

Vue.prototype.$network=network