Vue2的axios

1.axios的使用

1.1封装好的axios

import axios from 'axios';
/**
 * 自定义axios
 */
const _axios = axios.create({
    baseURL: 'http://localhost:8988',
    withCredentials: true
});
/**
 * 创建请求拦截器
 */
_axios.interceptors.request.use(
    function(config) {
      // 比如在这里添加统一的 headers
      config.headers={
      //  token:'token'
      }
      return config;
    },
    function(error) {
      return Promise.reject(error);
    }
  );
  /**
   * 创建响应拦截器
   */
  _axios.interceptors.response.use(
    function(response) {
      // 2xx 范围内走这里
      console.log(response);
      return response;
    },
    function(error) {
      // 超出 2xx, 比如 4xx, 5xx 走这里
      console.log(error);
      return Promise.reject(error);
    }
  );
  export default _axios;

1.2调用

 /**
     * 方法
     */
    methods:{
        async reqvalue(){
            //post请求，json
            const resp = await axios.post('/foods', {
                name: '红烧肉肉肉',
            });
            console.log(resp);
            //get请求，url
            const params={
                userSearch:'红烧'
            }
            const res=await axios.get('/foods',{params} );
            console.log(res);
           
           
        },
    },

2.相关知识

2.1axios基础介绍

2.2创建自定义的axios

2.3.后端返回的响应格式