axios - 是否可以在独立的 axios 服务文件中使用 $config 代替 process.env 访问 Nuxt runtimeConfig 值？

Question

从使用 dotenv 过渡到 Nuxt runtimeconfig。是否可以在独立的 axios 服务文件中使用 $config 代替 process.env 访问 Nuxt runtimeConfig 值，如下所示：

用户服务.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

也许可以使用 serverMiddleware。您需要添加 nuxt.config.js serverMiddleware 选项并指定 axios 服务的路径。然后在这个服务器中你可能可以访问，因为 serverMiddleware 在 nuxt 渲染之前启动。