Initial request refused "ECONNREFUSED"

[popaprozac]

When making an initial GET request, adonis errors that the connection is refused. When navigating away and back to the route making the request, the response is sent properly.

Snippet:

pages/index.vue

import axios from 'axios'
  
  export default {
    async data ({ route }) {
      await axios.get('/api/v1/dashboard').then((response) => {
        console.log(response)
      }).catch((error) => {
        console.log(error)
      })
      // doing something unrelated
      return {
        path: route.name
      }
    }
  }

app/Http/routes.js

Route.group('version1', function () {
  Route.get('dashboard', function * (request, response) {
    console.log(request, response)
    response.send('got it')
  })
}).prefix('api/v1')
Route.any('*', 'NuxtController.render')

Thanks in advance.

_{This question is available on Nuxt.js community (#c27)}

[alexchopin]

Hi,
Have you tried to set the complete URL for the GET Request?
For example, http://localhost:3000/api/v1/dashboard.
On the server-side Axios need it.

[popaprozac]

I did try that and the issue persists. Fortunately, works perfectly when routed to from a different route, just on first render.

So the server does not report a connection error however the client does not receive the data on first render.

Working, thank you!

[binler]

I tried but still not. @alexchopin