vue中的登录操作，axios的get请求和post请求

get请求中的数据用params post请求中的数据用data

拦截器是请求的过程中或者响应的过程中，对请求或者响应做拦截。然后做处理结果


http中放的是请求和响应的拦截器，主要是拦截作用然后把token给它带上

import axios from "axios";

//添加请求拦截器,在请求的时候生效。回调函数在发出请求的时候执行
// 把umall-api中的token给关掉，因为这里不需要token来请求数据了
// config是请求配置
axios.interceptors.request.use(
  config => {
    console.log(config, "------config---"); //这个里面有好多东西，
    // 在拦截器里面添加token,则home.vue中就不用带token了
    let token = sessionStorage.getItem("token")
      ? sessionStorage.getItem("token")
      : "";
    config.headers.Authorization = token;
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

// 添加响应拦截器
axios.interceptors.response.use(
  function(response) {
    // 对响应数据做点什么
    // console.log(response.data,'----response')
    return response.data;
  },
  function(error) {
    // 对响应错误做点什么
    return Promise.reject(error);
  }
);

function get(url, params = {}) {
  // promise是状态容器，里面保存的是一种状态。
  return new Promise((resolve, reject) => {
    axios({
      method: "get",
      url,
      params
    }).then((data)=>{
        // 如果数据成功，返回resolve
        resolve(data)
    }).catch(err=>{
        reject(err);
    })
  });
}


function post(url, data = {}) {
    // promise是状态容器，里面保存的是一种状态。
    return new Promise((resolve, reject) => {
      axios({
        method: "post",
        url,
        data
      }).then((data)=>{
          // 如果数据成功，返回resolve
          resolve(data)
      }).catch(err=>{
          reject(err);
      })
    });
  }

export {
get,
post
};

axios中的instance

并发

本文地址：https://blog.csdn.net/lyclyc_/article/details/109613951