– axiosは、HTTP通信を簡単に行うことができるJavascriptライブラリ
https://github.com/axios/axios
– 主にJsonの取得に利用される
### Features
– Make XMLHttpRequests from the browser
– Make http requests from node.js
– Supports the Promise API
– Intercept request and response
– Transform request and response data
– Cancel requests
– Automatic transforms for JSON data
– Client side support for protecting against XSRF
## サンプル
### npm install
$ npm install axios –save
### index.js
– axios.get(‘${url}’), axios.post(‘${url}’)と実装する
– get, post以外にも、request, delete, head, options, put, patch, getUriなどがある
var express = require('express'); var router = express.Router(); // axiosのインスタンス生成 const axiosBase = require('axios'); const axios = axiosBase.create({ baseURL = '192.168.33.10:8000', headers: { 'Content-Type' : 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, responseType: 'json' }); router.get('/', function(req, res, next){ axios.get('/title') .then(function(response){ res.render('index', response.data); }) .catch(function(error){ console.log('Error!! occurred in Backend.') }); }); module.exports = router;
### res, err, finally
<script> axios.get(${url}) .then(res => console.log(res.data)) .catch(err => console.error(err)) .finally(res => console.log('finally')) </script>
XMLHttpRequestを生成せずに処理できるので、確かに使い勝手良さそうです。