美文网首页
vue统一接口管理

vue统一接口管理

作者: 上海_前端_求内推 | 来源:发表于2021-11-02 14:41 被阅读0次

1,新建一个baseService.js

const url = 'http://www.baidu.com'
const baseService = {
  MedicalInsert:url+'/api/v1/MedicalSupervise/Insert',//新增
  MedicalDelete:url+'/api/v1/MedicalSupervise/Delete/',//刪除
  MedicalUpdate:url+'/api/v1/MedicalSupervise/Update/',//修改
  MedicalTable:url+'/api/v1/MedicalSupervise/Get',//列表

  // getApi(type) {
  //   switch (type) {
  //     case 'MedicalInsert':
  //       return url + '/api/v1/MedicalSupervise/Insert';//医疗督察新增
  //     case 'MedicalDelete':
  //       return url + '/api/v1/MedicalSupervise/Delete/';//医疗督察刪除
  //     case 'MedicalUpdate':
  //       return url + '/api/v1/MedicalSupervise/Update/';//医疗督察修改
  //     case 'MedicalTable':
  //       return url + '/api/v1/MedicalSupervise/Get';//医疗督察查列表
  //     default:
  //       return 'http://192.192.192.196:8896';
  //     // return '/api';
  //   }
  // },

}
export default baseService;

2,挂载到main.js

import baseService from './assets/utils/baseService'
Vue.prototype.$baseService = baseService;
3,在页面中使用
·```
 //请求table数据
      GetProjectList() {
        debugger
        var that = this
        this.loading2 = true
        this.$axios.get(this.$baseService.MedicalTable, {
          // params: this.$qs.stringify(this.formselect)
          params: {
            DepartMentName: this.formselect.DepartMentName,
            PageIndex: this.PageIndex,
            Pagesize: this.Pagesize
          }
        })
          .then(function (res) {
            that.total = res.data.totalCount
            that.tableData = res.data.data;
            that.loading2 = false
            //  alert(this.loading)
          })
          .catch(function (error) {
            that.loading2 = false
            console.log(error);
          });
      },

相关文章

  • vue统一接口管理

    1,新建一个baseService.js 2,挂载到main.js

  • vue中axios封装和api接口管理

    vue中Axios的封装和API接口的管理 我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是...

  • 2020-04-07vue中Axios的封装和API接口的管理

    vue中Axios的封装和API接口的管理 我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是...

  • vue中axios封装和api接口管理

    vue中Axios的封装和API接口的管理 我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是...

  • vue项目后台接口管理

    前言 上篇文章axios二次封装及API接口统一管理讲到了vue项目中的axios请求api统一的封装,但是api...

  • vue接口管理

    春节临近,祝大家新年快乐,猪事顺利,2019就是盘它~ 在vue开发中,会涉及到很多接口的处理,当项目足够大时,就...

  • Vue创建统一接口模式

    方便拦截控制,并进行进一步的处理。由上自下的数据流 需要用到的配置: Axios 、 vue@cli 首先创建Ax...

  • 后台接口使用同一命令拓展

    很多接口都是使用的rest接口风格, 但是如果接口很多之后就不方便管理.app的后台接口开始使用统一的命令调用. ...

  • Vue的接口管理

    在业务系统较大的项目上,每一个组件都单独一个axios请求接口数据,这样既难管理,也不易修改,也不太雅观。 初步结...

  • vue项目接口管理

    在vue项目开发中,随着项目的迭代,接口会越来越多,为了后期维护方便,建议在组件中不要写接口的地址,而将组件都写在...

网友评论

      本文标题:vue统一接口管理

      本文链接:https://www.haomeiwen.com/subject/zgixvltx.html