码迷,mamicode.com
首页 > 其他好文 > 详细

vue-elment ui 封装接口,获取后台数据

时间:2021-05-25 17:38:22      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:main   list   request   this   img   文件夹   image   lis   地址   

一、创建三个文件放在项目文件夹src下面的API文件夹下:

分别是:apiList.js、index.js、request.js

技术图片

 

 二、文件内容作用:

(1)apiList.js

用于存放接口的地址信息(如下所示:)

技术图片

 

 (2)index.js

封装接口,可全局使用this.$api(‘...‘),后面举例说明:

技术图片

 

 

(3)request.js

技术图片

 

 技术图片

 

 三、vue文件下对应js写法如下所示:

技术图片

 

 没有参数可以不填。

四、最后别忘了在main.js 文件下加上:

技术图片

 

vue-elment ui 封装接口,获取后台数据

标签:main   list   request   this   img   文件夹   image   lis   地址   

原文地址:https://www.cnblogs.com/jiangcaicai/p/14805639.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!