baseURL not working in asyncData

It seems that baseURL is not working in asyncData. Requests always sent to localhost.

nuxt.config.js

modules: [
    '@nuxtjs/axios',
    '@nuxtjs/auth-next',
  ],
axios: {
    baseURL: 'http://localhost:8000',
  },

pages/index.vue

  async asyncData({ params, $axios, $auth }) {
    const courses = await $axios.$get(
      `api/students/${$auth.id_slug}/enrollments/`
    )
    return { courses }
  },

Would be good if anyone could shred some light on this. This is supposed to be a very simple one i am guessing… Not sure what I missed

[DaDoBaag]

Have you tried setting browserBaseURL in publicRuntimeConfig?

[devzom]

Let’s try to set different config with public & private config “Options - Axios Module” https://axios.nuxtjs.org/options#baseurl