transformResponse与axios的封装api

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;
	    	});