Server Middleware URL

Internally we use Nuxt environment properties to get the URL of Server Middleware. However, you can change it by defining the middlewareUrl property in the publicRuntimeConfig object inside the nuxt.config.js file.

Make sure to pass the whole URL with protocol, port (if applicable), and suffix it with /api/.

// nuxt.config.js
export default {
  publicRuntimeConfig: {
    middlewareUrl: process.env.NODE_ENV === 'production'
      ? 'https://example.com/api/' // Your production URL
      : 'http://localhost:3000/api/'
  }
}

If you don't want to hardcode the URL in the configuration file, you can use environmental variables.

Example:

// nuxt.config.js
export default {
  publicRuntimeConfig: {
    middlewareUrl: process.env.API_BASE_URL
  }
}

Then add an entry in the .env file or use any other method for passing environmental variables that suits your needs.

Example:

// .env
API_BASE_URL=https://example.com/api/