vue接口统一管理

1.在src文件夹下面新建api文件夹,新建api.js

vue接口统一管理_第1张图片

// let apiUrl = 'http://192.168.8.134:8081';
let apiUrl = '/apiapi';
let API={
		api:{
			
			//应用表
			applist:apiUrl+'/app/list',    //查询应用列表
			appadd:apiUrl+'/app/add',      //新增应用列表
			appdelete:apiUrl+'/app/delete',    //删除应用列表
			appupdate:apiUrl+'/add/update',    //修改应用列表
			
		},
	
}


export default {
    API: API,
}

2.在main.js引用

vue接口统一管理_第2张图片

import api from './api/api'
Vue.prototype.API1url=api;

3.在vue中使用

vue接口统一管理_第3张图片

你可能感兴趣的:(前端笔记,VUE)