统一封装axios request.js
时间: 2023-09-26 09:14:35 浏览: 97
在上面的引用中,可以看到在services目录下新建了一个名为request.js的文件,这是一个用于统一封装axios的文件。在该文件中,首先引入了Vue和request模块,并导入了apiUrl模块。然后通过Object.entries方法遍历apiUrl对象,生成了对应的接口方法并挂载到services对象上。最后,通过Object.defineProperty方法将services对象挂载到了Vue的原型上,使得在Vue实例中可以通过this.$services来调用这些接口方法。
具体使用封装好的request请求的方法如下:
1. GET请求:
使用方法为this.$services.apiAuthList({ method: 'get', params: { orgId: this.paramsInfo.orgId, creditId: this.paramsInfo.creditId } }).then(res => {})
2. POST请求:
使用方法为this.$services.apiAuthCustomerSave({ method: 'post', data: { orgId: this.paramsInfo.orgId, creditId: this.paramsInfo.creditId } }).then(res => {})
3. 带参数的DELETE请求:
使用方法为this.$services.apiShippingDel({ method: "delete" },{ id: row.id }).then(res => {})
在以上代码中,通过this.$services调用了对应的接口方法,并传入请求参数。在.then()中可以处理接口返回的数据。
这样,你就可以通过统一封装的request.js文件中的接口方法来方便地发送不同类型的请求了。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
阅读全文