Axios二次封装---将API中数据渲染到页面

0.具体介绍

• 利用axios将API接口中的数据获取出来，渲染到界面。
• 前三个js文件有单独的api文件夹，最后组件需要直接调用即可。
• 前提是已经安装好了 axios

1. basejs

// 放置所有的接口
const base={
   
    baseURL:'https://apis.tianapi.com',
    content:'/pyqwenan/index?key=XXXXXXXXXXXXX'

    // 后续有了别的接口直接放如即可
}
export default base

2. request.js

// 开始二次封装

// 1.引入
import base from './base'
import axios from 'axios'

// 2. 配置基础路径和超时时间
const instance = axios.create({
   
    baseURL:base.baseURL,
    timeout:50000
})

// 3. 请求拦截
// config 请求ok执行的内容，err 请求错误执行的内容
instance.interceptors