title: nuxtjs/proxy url axios after dist
body: <p>when I ty <code>yarn dev</code> In server rendering Proxy is working fine. fetching data from API site api.server.com/api</p>
  
  <p>But after <code>yarn generate</code> axios request is calling self server<br>
  current.example.com/api. </p>
  
  <p>Why it is not working in dist html? 
  Is Proxy working only in server side? Please, help.</p>
  
  <p>I have NuxtJS config:</p>
  
  <pre><code>/*
   ** Nuxt.js modules
     */
    modules: [
      '@nuxtjs/axios',
      '@nuxtjs/proxy'
    ],
    axios: {
      proxy: true // Can be also an object with default options
    },
  
    proxy: {
      '/api/': {
        target: 'http://api.server.com/api',
        pathRewrite: {'^/api/': ''}
      },
      changeOrigin: true
    },
  </code></pre>
  
  <p>plugins <code>axios.js</code></p>
  
  <pre><code>import axios from 'axios'
  
  export default axios.create({
    baseURL: '/api/',
    responseType: 'json'
  })
  </code></pre>
  
  <p>here I called that API like below <code>index.vue</code></p>
  
  <pre><code>&lt;script&gt;
  import axios from '~/plugins/axios'
  
  export default {
     mounted() {
      this.loaded();
    },
    methods: {
      loaded(){
          const location =  axios.get('/contact/contact_session.php').then((response) =&gt; {
            console.log(response);
          }).catch((err) =&gt; {
          });
      },
    }
  }
  &lt;/script&gt;
  </code></pre>