Nuxt.js #007 – axiosでAPI取得

axiosでAPIを取得するメモ。

pagesディレクトリに、今回は「axios.vue」任意ファイルを追加

axios.vue

<template>

    <!--JSON取得結果表示-->
    <p>{{result.results}}</p>

</template>


<style>


</style>


<script>

    // axios読み込み
    import axios from "axios";

    export default {
        async asyncData({ params }) {
            // JSON取得
            const response = await axios.get("https://itunes.apple.com/search?term=owen&media=music&entity=musicArtist&country=jp&lang=ja_jp&limit=10");
            return { result: response.data }
        }
    }

</script>

• 参考文献
  Nuxt.js