vue中 axios的基本用法

 发送请求:

发送请求: 
    =>     get/delete  axios.get('接口地址', {
                    params: {参数} 
                }).then(res => {
                // 请求成功的返回值
              }, err => {
                   // 请求失败
            })
    =>     post/put/patch axios.post('接口地址', {
                    参数对象
                }).then(res => {
                // 请求成功的返回值
              }, err => {
               // 请求失败
            })
    => 并发请求
            axios.all([
                axios.get(),
                axios.post()
            ]).then(
                axios.spread((res1, res2) => {})
        )

---

创建实例:

let obj = axios.create({

        baseURL: '',     // 请求的域名, 基本地址

        timeout: 2000,  // 请求超时时长 单位 ms

})        

实例常用配置: 

        url: 请求路径

        method: 请求方法

        headers: 设置请求头

        params: 请求参数, 将参数拼接在 url 上   类型: object

        data: 请求参数, 将参数放在请求体中        类型: object

obj.get/post()  //  调用实例

 拦截器: 

• 请求拦截: 
      this.$axios.interceptors.request.use(config => {
              // 发送请求前的处理
              return config
      
          }, err => {
          // 请求错误处理
              return Promise.reject(err)
  
         })
  
  响应拦截:
      this.$axios.interceptors.response.use( res => {
              // 请求成功对响应数据做处理
              return res  //  该返回对象会传到请求方法的响应对象中
          }, err => {
              // 响应错误处理
              return Promise.reject(err)
          })