axios 封装
//axios 的封装
//1.引入axios
import axios from "axios";
//引入Message
import { Message } from "element-ui";
// 2.创建axios实例
const service = axios.create({
// 3.配置
baseURL: "http://10.36.136.10:8080/index/Api", //请求基础路径,自行修改
timeout: 60 * 1000, //请求的超时时间 毫秒数
});
// 4.请求拦截
//参数:1. 请求发生前执行的函数 ,
//2.错误时执行的函数
service.interceptors.request.use(
(config) => {
// console.log(17);
//请求拦截时需要配置token
config.headers.Authorization = "token"; //从后台传过来的token
return config;
},
(err) => {
return Promise.reject(err);
}
);
// 5.响应拦截
service.interceptors.response.use(
(res) => {
const data = res.data; //接收返回的数据
//console.log(data);
//如果数据返回出错时,请报错
if (data.status != 200) {
Message({
type: "error",
message: data.msg,
duration: 2000,
});
} else {
return data;
}
},
(err) => {
//console.log(err);
Message({
type: "error",
message: err,
duration: 2000,
});
}
);
// 6.导出
export default service;
使用
// get 使用方法
export function deleteProductBrand(params){
return request({
url: "/delete_product_brand", //自行修改接口
method: "get",
params: params
})
}
// post 使用方法
export function createProductBrand(data) {
return request({
url: "/create_product_brand", //自行修改接口
method: "post",
data: data,
});
}