vue管理接口形式

项目开发中，总会涉及很多的数据渲染的问题，涉及很多的接口操作。前端通过调用接口获取后台真实数据渲染在页面中。在中大型项目中往往需要很多的接口调用的操作。如果将这些接口封装在一个文件中，暴露出来，在页面需要的地方调用这个暴露的方法，这样就更容易管理，方便后面需要更改的时候返回来查看。1.需要的接口封装2.封装好的方法暴露出来

Y丶小琪

2670人浏览 · 2018-01-24 17:00:55

Y丶小琪 · 2018-01-24 17:00:55 发布

项目开发中，总会涉及很多的数据渲染的问题，涉及很多的接口操作。前端通过调用接口获取后台真实数据渲染在页面中。

在中大型项目中往往需要很多的接口调用的操作。如果将这些接口封装在一个文件中，暴露出来，在页面需要的地方调用这个暴露的方法，这样就更容易管理，方便后面需要更改的时候返回来查看。

1.需要的接口封装

2.封装好的方法暴露出来

3.在需要的页面中引入这个方法

4.页面中调用封装好的接口的方法

调用的时候：方法名（传递的参数）.then((res)=>{ 需要的操作 })

注意：封装接口的文件中需要调用axios

文件中需要引入axios

这样后期查找更改管理接口就方便多了。 get→ →

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^