拦截器

  1. axios.interceptors.request.use((config)=>{
  2.     this.isShow = true;
  3.     return config;
  4.   }, function (error) {
  5.     return Promise.reject(error);
  6. });
  8. <van-overlay :show="isShow">
  9.   <div class="wrapper" style="display: flex; align-items: center; justify-content: center; height: 100%;" @click.stop>
  10.     <van-loading size="24px">上传中...</van-loading>
  11.     </div>
  12. </van-overlay>
  14. new Vue({
  15.   el: '#app',
  16.   data: {
  17.     has_file: true,
  18.     isShow: false,
  19.   }
  20. });

通用

  1. axios({
  2.     method: 'put',
  3.     url: '{:url("/h5/user/")}{$item.id}',
  4.     data: this.request_data,
  5.   })
  6.     .then(res => {
  7.     if(res.data.code === 0){
  8.       vant.Toast(res.data.msg);
  9.       setTimeout(()=>{
  10.         window.location.href = '/h5/user'
  11.       },1000)
  12.     }else{
  13.       vant.Toast(res.data.msg)
  14.     }
  15.   })
  16.     .catch(error => {
  17.     vant.Toast(error);
  18. })

上传文件

  1. afterRead(file){
  2.   let data = new FormData()
  3.   data.append('file', file.file)
  4.   data.append('uploadType','image')
  6.   axios({
  7.     method: 'post',
  8.     url: '{:url("/h5/resource/website")}',
  9.     data: data,
  10.     headers: {
  11.       'Content-Type': 'multipart/form-data'
  12.     }
  13.   }).then(res => {
  14.     if(res.data.code === 0){
  15.       this.requestData.imgs.push(res.data.data.key)
  16.     }else{
  17.       vant.Toast(res.data.msg)
  18.     }
  19.   }).catch(error => {
  20.     vant.Toast(error);
  21.   }).finally(res => {
  22.     this.isShowLoading = false
  23.     this.isShowOverlay = false
  24.   })
  25. }