Nuxtでfetchした時、ローカルAPIが404になる

404が帰ってくる

fetchでapiを叩き、ローカルの関数を実行しようとすると

entryList.vue

<script>
export default {
  fetch ({ store, params }) {
    store.dispatch('getEntries')
  }
}
</script>

store/index.js

<script>
export const actions = {
  getEntries({ commit }) {
    axios.get('/api/getEntries')
    .then((entries) => {
      commit('setEntries', entries)
    })
  }
}
</script>

みたいな感じになると思うのですが、404が帰ってくる。

原因

クライアントサイドとサーバーサイドでaxiosのbaseUrlを分けていなかったのが原因。
https://ja.nuxtjs.org/api/configuration-env/

答えはいつもドキュメント。