vue中配置axios教程-定稿版（二）——自定义接口文件和main.js引入文件

vue中配置axios教程-定稿版（二）——自定义接口文件和main.js引入文件

第三步:在src/main.js中进行引入

import axios from '@/api'
Vue.prototype.$http = axios

第二步:在api文件夹下，index.js同层级，

新建自定义接口集合（页面一级菜单knowledge模块所有接口）文件夹-knowledge，

knowledge文件夹中新建二级菜单entityType界面所有接口-entityType.js

完整代码-src/api/knowledge/entityType.js

// 实体类型管理
import axios from '../index.js'
/* 获取列表数据 */
export function getListAll(params) {
  return axios({
    url: '/entity/getAll',
    method: 'GET',
    params
  })
}

/* 新建数据 */
export function add(data) {
  return axios({
    url: '/entity/add',
    method: 'POST',
    data
  })
}
/* 删除数据（可批量） */
export function deletes(id) {
  return axios({
    url: `/entity/deleteById?idList=${id}`,
    method: 'DELETE',
  })
}

附-

参考1、含put格式-常用写法

// 角色
import axios from '@/utils/axios'
/* 角色搜索列表 */
export function searchLike (params) {
  return axios({
    url: '/actor/searchLike',
    method: 'GET',
    params
  })
}
/* 更新角色信息 */
export function update (data) {
  return axios({
    url: '/actor/update',
    method: 'POST',
    data
  })
}
/* 角色新增 */
export function add (data) {
  return axios({
    url: '/actor/add',
    method: 'PUT',
    data
  })
}
/* 删除角色（可批量） */
export function deletes (data) {
  return axios({
    url: '/actor/deletes',
    method: 'POST',
    data
  })
}
/* 角色列表不分页 */
export function listAll () {
  return axios({
    url: '/actor/listAll',
    method: 'GET'
  })
}

参考2、含参数id或data-注意写法

import {service} from '@/utils/request.js'

export default {
    getTypeProperties (data) {
        return service.get(`/TypeProperties/${data}`)
    },
    
    // 能力分类
     postCapacityClassify (data) {
        return service.post('/CapacityClassify', data)
    },

     deleteCapacityClassify (data) {
        return service.delete(`/CapacityClassify/${data}`)
    },

     putCapacityClassify (data) {
        return service.put(`/CapacityClassify/${data.id}`, data)
    },

    

    // 能力模板
     getCapacityTemplate (data) {
        return service.get(`/CapacityTemplate/${data.id}`)
    },

    putCapacityTemplate (data) {
        return service.put(`/CapacityTemplate/${data.id}`,data)
    },

     postCapacityTemplate (data) {
        return service.post(`/CapacityTemplate`, data)
    },
    deleteCapacityTemplate (data) {
        return service.delete(`/CapacityTemplate/${data}`)
    },

    
    postEntityComponentByComTemplate (data) {
        return service.post(`/EntityComponentByComTemplate`, data)
    },

    putEntityComponent (data) {
        return service.put(`/EntityComponent/${data.EntityTemplateId}/${data.componentId}`, {properties:data.properties})
    },

    deleteEntityEntityComponent (data) {
        console.log(data, '222222')
        return service.delete(`/EntityComponent/${data.entityCapacityId}/${data.componentId}`, data)
    },

    // 获取能力以及节点生成图
     getCapacityTemplateNode (data) {
        return service.get(`/CapacityTemplateNode/${data.id}`)
    },

    // 添加能力节点
     postCapacityTemplateNode (data) {
        return service.post(`/CapacityTemplateNode`, data)
    },

     putCapacityTemplateNode (data) {
        return service.put(`/CapacityTemplateNode/${data.id}`, data)
    },
    deleteCapacityTemplateNode (data) {
        return service.delete(`/CapacityTemplateNode/${data.id}`, data)
    },

    getEntityTemplate (data) {
        return service.get(`/EntityTemplate/${data}`)
    },

    putEntityTemplate (data, params = null) {
        console.log(data, params, '222222')
        return service.put(`/EntityTemplate/${data}`, params)
    },



    getPutEntityCapacityByCapacityTemplateId (data) {
        return service.put(`/PutEntityCapacityByCapacityTemplateId/${data.id}`, data)
    },
    
    postEntityCapacityNode (data) {
        return service.post(`/EntityCapacityNode`, data)
    },

    putEntityCapacityNode (data) {
        return service.put(`/EntityCapacityNode/${data.id}`, data)
    }, 

    deleteEntityCapacityNode (data) {
        return service.delete(`/EntityCapacityNode/${data.id}`)
    },
    //  组件
    postComponentTemplate (typeId) {
        return service.post(`/ComponentTemplate`, {typeId})
    },

    putComponentTemplate (data) {
        return service.put(`/ComponentTemplate/${data.componentTemplateId}`, data)
    },

    getComponentTemplate (componentTemplateId) {
        return service.get(`/ComponentTemplate/${componentTemplateId}`)
    },

    postCapacityParam (data) {
        return service.get(`/CapacityParam/${data.typeId}/${data.id}`, )
    },

    getPropertyDescription (data) {
        return service.get(`/PropertyDescription/${data}`, )
    },


    getPropertyDescription (data) {
        return service.get(`/PropertyDescription/${data}`, )
    },
    
    putEntityCapacity (data) {
        return service.put(`/EntityCapacity/${data.id}`, data)
    },

    putEntityCapacityParam (data) {
        return service.put(`/EntityCapacityParam/${data.entityTemplateId}/${data.componentId}/${data.parentNames}`,{ properties:data.properties, capacity:[data.capacity]})
    },



    putComponentCapacityParam (data) {
        return service.put(`/ComponentCapacityParam/${data.ComponentTemplateId}/${data.ParamName}`, {properties: data.properties})
    },
    
}