title: Nuxt.js - Axios crashes with 'Maximum call stack size exceeded'
body: <p>I'm building a website using Nuxt Frontend + Node Backend.</p>
  
  <p>Currently, I've implemented <code>nuxtServerInit</code> code inside Vuex store file. </p>
  
  <p>The web seems working without error, but it often crashes with the following error below...</p>
  
  <pre><code> WARN  Cannot stringify a function transformRequest                                                                                                                                               21:59:08
  
  
   WARN  Cannot stringify a function transformResponse                                                                                                                                              21:59:08
  
  
   WARN  Cannot stringify a function httpAdapter                                                                                                                                                    21:59:08
  
  
   WARN  Cannot stringify a function validateStatus                                                                                                                                                 21:59:08
  
  
   WARN  Cannot stringify arbitrary non-POJOs ClientRequest                                                                                                                                         21:59:08
  
  
   WARN  Cannot stringify a function    
  </code></pre>
  
  <p>I've been searching for the cause of this issue since few days agao, and I thought that the cause might be coming from using both <code>context.app.$axios</code> and <code>this.$axios</code> in a single Vuex file like below.</p>
  
  <pre class="lang-js prettyprint-override"><code>export const actions = {
    async nuxtServerInit(vuexContext, context) {
      const postsArray = []
      const data = await context.app.$axios.$get(
        process.env.DEV_URL + '/articles/top-five-views'
      )
  
      for (const key in data.postings) {
        postsArray.push({ ...data.postings[key], id: key })
      }
  
      return vuexContext.commit('setTopFivePosts', postsArray)
    },
    async getArticles(vuexContext, context) {
      const articles = []
      const data = await this.$axios.$get(
        process.env.DEV_URL + '/articles/popular'
      )
  
      for (const key in data.postings) {
        articles.push({ ...data.postings[key], id: key })
      }
      return vuexContext.commit('getArticles', articles)
    }
  }
  </code></pre>
  
  <p>Should I use <code>this.$axios</code> instead of <code>context.app.$axios</code>?? 
  If I should, what is the difference between these two? (Because I feel like <code>this</code> is also pointing to <code>context.app</code>...)</p>
  
  <p>Thanks for your help :)</p>