175-2108-6175
网站建设资讯详细

Vue如何使用API提供服务

日期:2020-07-06  作者:千语创想  浏览:5942

使用Vue.js,可以逐步地构建围绕其中一个服务的应用程序,并在几分钟内就可以开始向用户提供内容服务。

如何利用第三方API提供服务呢?

我们可以创建ajax请求来处理响应,利用axios来处理API数据。

Axios是一个基于 Promise 的HTTP客户端,用于创建 Ajax请求,并且非常适合我们的应用。它提供了一些简单而丰富的API。 它与fetchAPI非常相似,但不需要为旧版浏览器额外的添加一个polyfill,另外还有一些很巧妙的地方。

以前,vue-resource 通常用于Vue项目,但现在已经退休了。

导入 axios:

1

2

<!-- ./index.html -->

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

现在,一旦我们的Vue应用被挂载 - mounted到页面,我们就可以创建home部分获取热点事件列表的请求:

1

2

3

4

5

6

7

8

9

10

11

// ./app.js

const vm = new Vue({

  el: '#app',

  data: {

    results: []

  },

  mounted() {

    axios.get("https://api.nytimes.com/svc/topstories/v2/home.json?api-key=your_api_key")

    .then(response => {this.results = response.data.results})

  }

});

记住: 将your_api_key替换为之前获取的实际API密钥。


来千语创想移动应用开发平台学习更多APP开发知识:app开发app制作app开发源码下载app开发框架app制作模板等免费获取。

千语创想-专业APP开发app定制服务商,提供一站式移动应用解决方案,满足您的各类需求,欢迎免费评估需求和获取报价。

 

立即免费在线制作一个APP,新手注册即送开发大礼包


转载请注明来自:https://www.qianyuthink.com/news/7584.html