4.Vue-Vue调用第三方接口

题记

         用vue调用第三方接口,以下是全部代码和操作流程。

寻找第三方接口网站 

        推荐:免费API - 提供免费接口调用平台 (aa1.cn)

        下面的代码以下图中的接口为例 

        4.Vue-Vue调用第三方接口_第1张图片 

4.Vue-Vue调用第三方接口_第2张图片

安装axios模块 

        在终端输入以下命令: 

         npm install axios

 调用第三方接口代码

 调用不需要设置参数的接口

        TestView.vue文件如下: 

 



调用需要设置参数的接口 

        TestView2.vue文件如下:



 执行程序

        可以参考在vue中搭建路由:3.Vue-在Vue框架中搭建路由-CSDN博客 

        成功访问到网页后,如果没有显示,需要多刷新几次,属于网络问题。如果一直没有请求成功,则是请求次数太多,官方不会返回响应,需要等待一段时间再次发起请求,或者自行更换接口进行测试

 展示图 

 4.Vue-Vue调用第三方接口_第3张图片

4.Vue-Vue调用第三方接口_第4张图片

后记 

        觉得有用可以点赞或收藏! 

你可能感兴趣的:(Vue,vue.js,javascript,前端,前端框架,html,开发语言,青少年编程)