axiosでHTMLを取得してきてappendChildで埋め込む

普段axiosを使うときはレスポンスがJSONなAPIを叩くことが多いが、HTMLを取得して挿入することもあると思う。innerHTMLで直接挿入することもできるが、responseTypeã‚’documentにすることでappendChildで要素を挿入することができる。

import axios from 'axios';

axios({
  method       : 'GET', 
  url          : '/api/response/as/html', 
  params       : { hoge: 'fuga' }, 
  responseType : 'document', 
})
.then((res) => {
    const body = document.querySelector('body');
    Array.from(res.data.body.childNodes).forEach((node) => {
      body.appendChild(node);
    });
});