axios封装方法

1. 第一次

//配置
import axios from 'axios'
axios.defaults.withCredentials = true
// axios.defaults.baseURL = 'subject/subject/'
import nProgress from 'nprogress';
import "nprogress/nprogress.css";
axios.interceptors.request.use(req=>{
    // alert(11)
    console.log(req)
   if(req.params!='')
    nProgress.start()
    return req
  },err=>{
    console.log(err)
    // return Promise.reject(err)
  })
  
  axios.interceptors.response.use(res=>{
    nProgress.done()
    console.log(res,"===============")
    return res
  },err=>{
    console.log(err)
  })

 export default  axios

1. 第二次

import requsest from "../js/cishi.js"
export function cishi(a){
  return requsest({
    url:"/users",
    method:"get",
    params:{
      data:a
    }
  })
     }

调用

   <button @click="cishia()">cishi</button>
   //引入一下发请求的文件
   import {cishi} from "../api/cishi.js"
   cishia(){
         cishi({data:this.cish}).then(res=>{
          console.log(res)
         })
   
       },

最常用的封装方法

//main.js
Vue.prototype.$http = axios
//请求
this.$http(){
url:"",
method:"",
parmas
}