axiosでサクっとJSONP

今までNative Fetch勢だったのですが、とあるきっかけでaxiosを使ってみたら便利だったので、最近は何かと重宝してます。

そして今回のお題ですが、簡単に扱えるaxiosのJSONP拡張を見つけたのでざっくり紹介です。

ズバリ

• axios-jsonp - npm

NodeとBrowserの両対応です。

Node

const axios = require("axios");
const axiosJsonpAdapter = require("axios-jsonp");

Browser

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/axios-jsonp/dist/index.min.js"></script>

共通

// /path?name=foo&cb=*** の場合
// コールバック関数名は自動生成

axios.get("/path", {
    adapter: axiosJsonpAdapter,
    callbackParamName: "cb",
    params: {
        "name": "foo"
    }
})
// .then()...