Home

Hello,
I’ve created an issue before, but no one give real solution, and the issue Closed!!
check it:
https://github.com/nuxt/nuxt.js/issues/2307

generally I’m using AdonisJs and NuxtJs!

this is my nuxtServerInit() function:

 async nuxtServerInit ({ commit }) {
    const response = await axios.get('http://localhost:3333/api/v1/getcounter/')
    return Promise.resolve(commit('increment', response.data))
  },

this code won’t work for me, the response status: 204!!
but when i change the URL to another API Like this:

 async nuxtServerInit ({ commit }) {
    const response = await axios.get('https://www.random.org/integers/?num=1&min=1&max=2&col=1&base=10&format=plain&rnd=new')
    return Promise.resolve(commit('increment', response.data))
  },

it works and i get the data.
but the local API URL works when use it on another Action Function:

 async increment ({ commit }) {
    try {
      const response = await axios.get('http://localhost:3333/api/v1/getcounter/')
      return commit('increment', response.data)
    } catch (e) {
      console.log(e)
    }
  }

this works when use it!!

i have tried to Dispatch the increment when component mounted() or beforeCreated()

mounted () {
      this.$store.dispatch('increment')
    },

but when loading the page:

it shows the value from nuxtServerInit():

1. if the url is Local (it means nuxtServerInit() won’t work) the result is: null or NAN.
2. else if the URL (like random.org): it shows the value 1 or 2.

then in moment it shows the value of dispatch.
i have searched a lot,
some one said this is the solution?
https://github.com/nuxt-community/express-template/blob/master/protected-ssr-api.md