vue axios二次封装

/src/utils/request.js

import axios from 'axios'
const requests = axios.create({
    // 配置基础路径
    baseURL:'https://xxx/',
    timeout:3000,
    // 请求头
    /* headers:{} */
})

// 配置拦截器
requests.interceptors.request.use(config => {
    // 请求带token
    /* config.headers.Authorization = window.sessionStorage.getItem('token') */
    return config
})

// 对应拦截器
requests.interceptors.response.use((res) => {
    // 请求成功的回调函数
    return  res.data;
},() => {
    // 请求失败的回调函数
    return Promise.reject('fail')
})
// 对外暴露
export default requests;

/src/utils/api.js

import requests from "./request";

export const productDetail = (id) => {
    return  requests({
        url: 'api/product/detail/'+id, 
        method: 'GET',
       // params:{ id }
    })
}

页面使用：

import { productDetail } from "../utils/api";

async getlist() {
      try {
        let res = await productDetail(this.id);
        console.log(res)
      } catch (error) {
        Toast(error.msg)
   }
},