Is it possible to access Nuxt runtimeConfig values using $config in place of process.env in a stand-alone axios service file?

Question

Making the transition from using dotenv to Nuxt runtimeconfig. Is it possible to access Nuxt runtimeConfig values using $config in place of process.env in a stand-alone axios service file, something like the following:

userService.js

import axios from 'axios'

const apiClient = axios.create({
  baseURL: context.$config.baseURL, // <-- want to do this (or similar)
  withCredentials: false,
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json'
  }
})

export default {
  createCCWUser(userData) {
    return apiClient.post('/users', userData)
  },
  updateCCWUser(updatedUserData) {
    return apiClient.put('/users/' + updatedUserData.id, updatedUserData)
  }
}

Answer 1

Maybe it can possible with serverMiddleware. you need add in nuxt.config.js serverMiddleware option and specify path to your axios service. Then in this server you maybe have access, because serverMiddleware start before nuxt rendering.