Axios请求封装一个公共的请求头

Axios请求封装一个公共的请求头

assets/commom/js/下新建一个js文件:eg:requestParams.js

function buildRequestParam (conParam) {
  let userInfo = JSON.parse(localStorage.getItem('userInfo'))
  let param = {
    head: {
      ver: '1.1',
      mod: 'ios',
      brandId:1,
      userId:userInfo.userId,    // 需要的话可以动态的传值,不需要就无所谓了
      ...
    },
    con: conParam
  }
  return param
}
// 重要的事情说三遍,一定要导出,一定要导出,一定要导出
export default {
  buildRequestParam
}

main.js索要做的操作

import requestparam from './assets/commom/js/requestParam.js'    // 引入js
Vue.prototype.requestParam = requestparam;      // 将其放入vue的原型链上,这样代码里可以直接用

页面应用

let data = {
	startTime:"",
    endTime:"",
    page:this.page,
    pageSize:this.pageSize,
    ...
}
let params = this.requestParam.buildRequestParam(data);
this.$axios.post('自己的url',params).then(res=>{
	// 成功的操作
}).catch(err=>{
	// 失败的操作
})