axios basic package
utils-http,js
//axios基础封装
import axios from 'axios'
const httpInstance= axios.create({
//1.接口基地址
baseURL:'http://pcapi-xiaotuxian-front-devtest.itheima.net',
//2.接口超时时间
timeout:5000,
})
//拦截器
// 3.请求拦截器
httpInstance.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
return config;
}, function (error) {
// 对请求错误做些什么
return Promise.reject(error);
});
// 4.响应拦截器
httpInstance.interceptors.response.use(function (response) {
// 2xx 范围内的状态码都会触发该函数。
// 对响应数据做点什么
return response;
}, function (error) {
// 超出 2xx 范围的状态码都会触发该函数。
// 对响应错误做点什么
return Promise.reject(error);
});
export default httpInstance
Create a test interface
apis-testAP.js
import httpInstance from "@/utils/http"
export function getCategory(){
return httpInstance({
url:'home/category/head'
})
}
Test interface function
main.js
测试接口函数
import {getCategory} from '@/apis/testAPI.js'
getCategory().then(res=>{
console.log(res)
})