axios用法

1. 设置默认头信息

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'


2. 创建请求拦截器 （POST请求配合QS）

// http request 拦截器axios.interceptors.request.use(config => {  if (config.method === 'post') {    config.data = qs.stringify(config.data, {arrayFormat: 'brackets'})  }  return config})

3. 创建响应拦截器 （使用Element UI提示错误信息）

// http response 拦截器  与后台提前定义正确code 错误的提示axios.interceptors.response.use(  response => {    if (response.data.code === '200') {      return response.data.data    } else if (response.config.responseType === 'blob') {      return response    } else {      Message.error(response.data.msg)      return Promise.reject(response.data.msg)    }  },  error => {    if (error.response) {      switch (error.response.status) {        case 401:          // 返回 401 跳转到登录页面          router.push({            path: '/login'          })          break        case 500:          router.push({            path: '/error/500'          })          break        case 404:          router.push({            path: '/error/404'          })          break        case 504:          router.push({            path: '/error/504'          })          break      }    }    return Promise.reject(error.response.data)  })

4. 使用get/post请求

// get请求axios.get(`${base}/user/updatePwd`, {params: params})// post请求axios.post(`${base}/login`, params)

5. 使用axios post下载excel

axios.post(`${base}/auth/export`, params, {    responseType: 'blob'  }).then(res => {    console.log(res)    if (res.data) {      let blob = res.data      let a = document.createElement('a')      let url = window.URL.createObjectURL(blob)      //后台返回的名称      let filename = decodeURI(res.headers['content-disposition'].split('=')[1].split('.')[0])      a.href = url      a.download = filename      a.click()      window.URL.revokeObjectURL(url)    }  })