vue-axios二次封装

1.新建request.js

import axios from 'axios';
axios.defaults.baseURL = "*******Base URL*******";
export const myRequest = options => {
  if (options.method === 'get') {
    return axios({
      url: options.url,
      method: 'get',
      headers: options.headers || {},
      //params用于get请求时
      params: options.method === 'get'? options.params : {},
      //data用于post请求时
      data: options.method === 'post'? options.data : {},
      // `responseType` 表示服务器响应的数据类型，可以是 'arraybuffer', 'blob', 'document', 'json', 'text', 'stream'
      responseType: options.responseType || 'json',
      // 跨域请求时是否携带凭证
      // 在跨域请求时带上cookie，否则后端每次收到的session都不一样
      withCredentials: true,
    })
  }
  return axios({
    url: options.url,
    method: options.method || 'get',
    headers: options.headers || {},
    //params用于get请求时
    params: options.method === 'get'? options.params : {},
    //data用于post请求时
    data: options.method === 'post'? options.data : {},
    // `responseType` 表示服务器响应的数据类型，可以是 'arraybuffer', 'blob', 'document', 'json', 'text', 'stream'
    responseType: options.responseType || 'json',
    // 跨域请求时是否携带凭证
    // 在跨域请求时带上cookie，否则后端每次收到的session都不一样
    withCredentials: true,
    // `transformRequest` 允许在向服务器发送前，修改请求数据
    // 只能用在 'PUT', 'POST' 和 'PATCH' 这几个请求方法
    // 后面数组中的函数必须返回一个字符串，或 ArrayBuffer，或 Stream
    transformRequest: [function (data, headers) {
      let str = '';
      for (let key in data) {
        str = str + '&' +  key + '=' + data[key]
      }
      return str.substring(1, str.length);
    }],
  })
}

2.main.js中引入

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import {myRequest} from "./util/request";

Vue.config.productionTip = false;
Vue.prototype.bus = new Vue();
Vue.prototype.$myRequest = myRequest;

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

3.使用

_this.$myRequest({
	url: 'signin',
    method: 'post',
    data: {
      phone: _this.usrphone,
      userPwd: _this.usrpwd
    }
}).then(res=>{
	console.log(res);
}).catch(err=>{
    console.log(err);
})