刘贵学博客

夯实Vue系列 Demo 8 RESTful Client:Axios

Demo 7 实现了一个简单的 RESTful 服务器,我们测试接口使用的是 Postman工具,实际代码中,我们也需要实现 客户端工具,Vue中有个 vue-resources 库,但大牛们已经建议使用 Axios。

Axios介绍

Axios 优势:

其中 Promise API 指的是什么?

如下:

  axios.get('/api/todo/2')
      .then(  function (response) { rest.ok(response); } )
      .catch( function (error)   { rest.err(error);  }   );

来替换 万恶的 callback 大坑。

代码实现

1. 配置 axios 的默认值:

其中 第 6行,将接口的header默认类型定位: json格式, 我们Demo 7中Rest服务器中需要补充 对 json格式的支持:

2. 编写通用接口服务:

3. 在nodejs 中测试服务

执行 ./nodejs.js

参考代码:
https://coding.net/u/guixue/p/vue-starter/git/blob/master/src/pages/8-rest-client/nodejs.js

4. 在 浏览器中

参考代码:

https://coding.net/u/guixue/p/vue-starter/git/tree/master/src/pages/8-rest-client