封装axios

第一步:

//axios封装第一层，第一层：对axios进行增强
import axios from "axios";

//设置公共的服务器地址 例如:
axios.defaults.baseURL = "服务器请求头";

还可以设置拦截器(按需索取)

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response;
  }, function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error);
  });

//暴露进行增强后的axios
export default axios;

第二步:

//axios封装第二层：商品管理模块，所有用户管理模块的接口全都在这里进行封装
import axios from "@/具体文件/axios.js";

封装详细网站地址

1.get请求:

export const goodsList = (params) => {
  return axios({
    method: "get",
    url: "具体地址t",
    params,
  });
};

2.post请求

export const goodsList = (data) => {
  return axios({
    method: "post",
    url: "具体地址",
    data,
  });
};

第三步

//在具体页面请求中引入进来,并对其结构
import { shopSeller } from "@/api/goods.js";