配置请求axios

//对axios进行二次封装
import axios from "axios";

// 利用axios对象的方法create，去创建一个axios实例对象

const requests=axios.create({
    // 基础配置
    // 基础路径，发请求时候，自动出现api
    baseURL:"/api",
    // 请求超时
    timeout:5000,
});
// 请求拦截器发请求之前，请求拦截器可以检测到

requests.interceptors.request.use((config)=>{
    //config配置对象，header请求头
    return config
})

// 响应拦截器
requests.interceptors.response.use((res)=>{
    // console.log('请求成功')
    return res.data;

},(error)=>{
    return Promise.reject(new Error('faile'));
})

// 对外暴露
export default requests;

//当前的模块对所有api接口进行统一管理
import requests from "./request";
//三级联动接口
///api/product/getBaseCategoryList GET 无参数

export const reqCategoryList=()=>{
    //发请求
    return requests({url:'/product/getBaseCategoryList',method:'get'});
}

在mainjs中引入

// 测试

import {reqCategoryList} from '@/api'

reqCategoryList();

 

这时候启动页面在网络中查看是否有响应