api统一管理,不管接口有多少,所有的接口都可以非常清晰,容易维护.
通常我们的项目会越做越大,页面也会越来越多,如果页面非常的少,直接用axios也没有什么大的影响,那页面组件多了起来,上百个接口呢,这个时候后端改了接口,多加了一个参数什么的呢?那就只有找到那个页面,进去修改.整个过程很繁琐不易于项目的维护和迭代.
安装axios
npm install --save axios
Src下新建一个文件夹api
api 下新建一个文件requests.js
以下是requests.js中所有代码
import axios from 'axios'
const requests =axios.create({
baseURL:'/api',
timeout:5000,
})
requests.interceptors.request.use((config)=>{return config
}
requests.interceptors.response.use((res)=>{
return res.data},(error)=>{
return promise.reject(new Error ('fail')})
export default axios
以请求到的是home 获取数据及展示
api 文件夹下新建index.js 文件
import requests from './requests.js'
export const reqCategoryList=()=> requests({url:'/product/getBaseCategoryList',method:'get&