baseURL is undefined on some pages and logs show "Error: connect ECONNREFUSED 127.0.0.1:80"

[bryceandy]

Nuxt version 2.14.7

Axios module 5.12.2

Problem: (Occurring only in production)

• When using axios module in asyncData on a page with middleware and directory structure /dirName/fileName.vue, the request goes to correct baseURL.
• When doing the same request on a page without middleware and regardless of directory structure, example /dirName/_id/index.vue the error is shown as in the title
• When I hard-code the baseURL in the config, it works, but process.env.SOME_VARIABLE does not work on the previous situation

Code sample

Page /inspirations/_id/index.vue

export default {
  async asyncData({ $axios, params }) {
    const inspiration = await $axios.$get(`/api/v3/inspo/${params.id}`)

    return { inspiration }
  },
}

Things I have tried:

• I changed

  modules: [
  '@nuxtjs/axios',
  ],
  axios: {
  baseURL: process.env.API_URL,
  headers: {
    common: {
      Accept: 'application/json',
    },
  },
  },

  into

  modules: [
  ['@nuxtjs/axios', { baseURL: process.env.API_URL }],
  ],
  axios: {
  headers: {
    common: {
      Accept: 'application/json',
    },
  },
  },

  Nothing changed. The only fix I have now is to hard code the baseURL

[OFK0]

I had the same problem, it doesn't make sense but I have come up with a simple solution :)

I've created plugins/axios.js

export default function ({ $axios, $toast, store, redirect }) {
  $axios.onError((error) => {
    // error 
  })

  $axios.onRequest((config) => {
    config.url = '<your url>' + config.url

  })
}

For example when you send Axios request to "categories/list" it will be "https://domain.com/categories/list"

I know it is simple but now it's working 😄

[farnabaz]

Hey, Sorry for the late response, do you mind create reproduction sample using template.nuxtjs.org?

[pi0]

You can use workaround from @OFK0

[imprisoner]

this helped me https://developpaper.com/connect-econnreused-127-0-0-180-exception-resolution/

in package.json

"config": {
    "nuxt": {
      "host": "0.0.0.0",
      "port": "80"
    }
  }