axios封装

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,
  });
}