Vue使用 如何使用 后端的api接口

vue 封装axios后如何快速调用 Api接口 获取数据

1.通过store仓库调用,获取数据的页面在挂载前发请求,列如:

在这里插入图片描述
拿到接口 对外暴露

在这里插入图片描述
引入暴露的接口 在actions中

在这里插入图片描述
在页面dispath调用就行了

2.将API挂在全局的原型上

1.在main.js中引入 并挂在prototype上
在这里插入图片描述
2.在页面mounted 建立个方法
在methos中使用方法 ,通过 this.A P I . x x x . x x x 拿 到 ( 我 的 就 是 t h i s . API.xxx.xxx拿到 (我的就是this.API.xxx.xxxthis.API.trademark.reqTradeMarkList)
在这里插入图片描述

3.最好用的方法!!!!!!:

1.直接引入暴露的接口
在这里插入图片描述
2.直接对接口使用 当然记得传参数
在这里插入图片描述
这是我对外暴露的接口.
在这里插入图片描述

总结

总的来说各有各的有点,结合使用

对了这是我封装的axios
在这里插入图片描述


版权声明:本文为weixin_45012817原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。