封装axios传值

最新推荐文章于 2024-07-27 17:17:02 发布

技术项目经理

最新推荐文章于 2024-07-27 17:17:02 发布

阅读量724

点赞数

分类专栏： web前端文章标签： vue

本文链接：https://blog.csdn.net/weixin_43837268/article/details/85059816

版权

web前端专栏收录该内容

420 篇文章 10 订阅

订阅专栏

1.moduleName:
值在main.js中选择:

// 客户
Vue.prototype.C="customer-biz3" ;
//产品
Vue.prototype.P="product-biz7" ;

2.在main.js中设置默认头部

axios.defaults.baseURL='http://192.168.3.12:8761/'

3.在main.js中定义

Vue.prototype.http = params =>{
  return new Promise((resolve,reject) => {	
    axios.post(JSON.parse(params).moduleName+"/CallMethod",params)
      .then(response => {
        resolve(response.data);
      })
      .catch(err => {
        reject(err)
      })
  })
};

4.公共方法

ComboxQuery(moduleName,functionName,methodName,data){
  let parames = {
    "moduleName": moduleName,
    "functionName": functionName,
    "methodName":methodName,
    "data": data
  };
  return this.http(JSON.stringify(parames))
}

5.在子组件中自己写：

ComboxQuery(moduleName,functionName,methodName,dictTypeCode)
.then((res)=>{
  this.list = res.data.dictList;
})
.catch(error => {
  console.log(error);		
})