transformResponse与axios的封装api

Posted 2022-12-06 春风又一季

transformResponse 在传递给 then/catch 前，允许修改响应数据

transformResponse: [function (data) 
			 // 对 data 进行任意转换处理
		 return data;
		 ]

let base = '';
export const postRequest = (url, params) => 
  return axios(
    method: 'post',
    url: `$base$url`,//Es6新语法 `$`
    data: params,
    transformRequest: [function (data) 
      let ret = ''
      for (let it in data) 
        ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
      
      console.log(ret)  
     // currentPage=1&pageSize=5&
      console.log("******************************************")

      return ret
    ],

    headers: 
      'Content-Type': 'application/x-www-form-urlencoded'
    
  );

入口文件引入

import postRequest from './utils/api'
Vue.prototype.$postRequest = postRequest;
//变为vue的全局属性

使用

      	this.$postRequest('/admin/user/all',
                  currentPage:this.current_page,
                  pageSize:this.page_size
                )
	    	.then((response) => 
          console.log(response)
	    	 this.tableData =response.data.list;
	    		// 页数
	    		this.pro_pages=response.data.total;
	    	);