Axios

Axios介绍：

基于promise网络请求，实现异步获取请求数据。( 无需重新加载页面完成局部数据刷新 )

示例一：

<!--引入Axios-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
​
  axios.get('/user',{
     params: { //传参 ->   '/user?id=123'
       id: 123
     }
   }).then(  //成功获取数据 回调
  
  ).catch({  //异常
  
  })

示例二：

Axios在Vue中的模块封装

下载

npm install axios --save

封装 request

import axios from 'axios'
const request = axios.create({
    baseURL: 'http://localhost:7777', 
    timeout: 5000
})
export default request

调用

import request from '@/utils/request'
export default {
    login(data) {
        return request({
            url: '/user/login',
            method: 'post',
            data
        })
    },
    {
    
    }
    ...
}

拦截器

// 请求拦截器
axios.interceptors.request.use(function (config) {
    
});
​
// 响应拦截器
axios.interceptors.response.use(function (response) {
    
});