vue封装请求并且返回数据

assets>js创建JS文件

import axios from 'axios' //引入axios
function relationship(back) { //定义回调函数
  axios({
    method: 'POST',
    url: 'guide/relationship',
    headers: {
      token: localStorage.getItem('token') || axios.token //放自己的token
    }
  }).then(res=>{
    back(res) //回调函数
  }).catch(err=>{
    console.log(err)
  })
}

export default {
  relationship  //抛出去
}

在main.js里封装成vue原型链

/**
 * 封装获得与户主关系的函数
 * */
import relationship from './assets/js/relationship'
Vue.prototype.$relationship = relationship;

在组件中使用


你可能感兴趣的:(vue封装请求并且返回数据)