Nuxt.js WebApiをaxiosと@nuxtjs/proxyを使って取得する

npx create-nuxt-app proxy-test

Project name proxy-test
? Project description My fantastic Nuxt.js project
? Author name taro
? Choose the package manager Yarn
? Choose UI framework Buefy
? Choose custom server framework None (Recommended)
? Choose Nuxt.js modules Axios
? Choose linting tools (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Choose test framework None
? Choose rendering mode Universal (SSR)
? Choose development tools (Press <space> to select, <a> to toggle all, <i> to invert selection)

cd proxy-test

 npm install @nuxtjs/proxy --save

modules: [
    // Doc: https://buefy.github.io/#/documentation
    'nuxt-buefy',
    // Doc: https://axios.nuxtjs.org/usage
    '@nuxtjs/axios',
    '@nuxtjs/proxy'
  ],

axios: {
    prefix: '/todos',
  },
  proxy: {
    '/todos': {
      target: 'https://jsonplaceholder.typicode.com',
      pathRewrite: {
        '^/todos': '/'
      }
    }
  },

<script>
export default {
  data () {
    return {
      items: [
        {
          title: 'Home',
          icon: 'home',
          to: { name: 'index' }
        },
        {
          title: 'Api',
          icon: 'lightbulb',
          to: { name: 'api' }
        }
      ]
    }
  }
}
</script>

<template>
  <section class="container">
    <div>      
      <b-table
            :data="lists"
            :default-sort-direction="defaultSortDirection"
            :sort-icon="sortIcon"            
            :columns="columns">
        </b-table>
    </div>
  </section>
</template>

<script>
export default {
  data () {
    return {
      columns: [
        {
          field: 'title',
          align: 'left',
          sortable: true,
          label: 'タイトル'
        },
        { 
        　field: 'id',
        　searchable: true,
        　sortable: true,
          label: 'id'
        },
        { 
          field: 'completed',
          label: '完了'
        },
      ],
    }
  },  
  async asyncData({ app }) {
    //エンドポイントを設定
    const baseUrl = '/todos';
    const response = await app.$axios.$get(baseUrl);
    return { lists: response };
  }
}
</script>