Vue.js/axios

サーバとの通信を担当するライブラリである。

特に axios 自体は Vue と関係無いのだがよくセットで使われるのでここに書く。

axios/axios: Promise based HTTP client for the browser and node.js

お手軽に使う

axios の話になるとすぐ、npm で webpack という人らが多いので・・・

そんなことしなくても CDN から読み込んで axios を使えばよい

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

レスポンスを強制的にJSONと解釈する

通常はレスポンスから自動判定してパーサーを切り替えるのだが、 世の中そんな行儀の良いサーバばかりでないし、テストでは整えるのも面倒なので テキストで書いてそれを JSON と解釈させたいときがある。

そのような場合、こう書く。

axios
    .get('hoge.json', {responseType: 'json'})
    .then(function (res){
        console.dir(res.data);
    })
    .catch(function (err){
        console.log(err);
    });

responseType というオプションをつけてやればよい。

javascript/vuejs/axios/start.txt · 最終更新: 2018-11-26 17:16 by ore