How to access environment variables or runtime config outside of Nuxt context?

Hi folks!

I need to access the environment variable outside of the Nuxt context like this:

// lib/http.js

// process.env undefined
// can't use `useRuntimeConfig` outside nuxt context
const http = axios.create({ ... });
const strapiHttp = axios.create({ ... });

// lib/http.js

// process.env undefined
// can't use `useRuntimeConfig` outside nuxt context
const http = axios.create({ ... });
const strapiHttp = axios.create({ ... });

// services/blog.service.js
import { strapiHttp } from "~/lib";

export const getBlogPosts = async () => {
  const res = await strapiHttp.get(...);
  return res.data;
};

// services/blog.service.js
import { strapiHttp } from "~/lib";

export const getBlogPosts = async () => {
  const res = await strapiHttp.get(...);
  return res.data;
};

<script setup>
const { data } = useAsyncData(() => getBlogPosts());
</script>

<script setup>
const { data } = useAsyncData(() => getBlogPosts());
</script>

I have several instance of axios and this is the current structure. Is there a way to preserve this kind of structure without having to rewrite it to composables in order to access env variables or runtime config?

Thank you!

Nuxt•3y ago•

5 replies

kue

How to access environment variables or runtime config outside of Nuxt context?

Hi folks!

I need to access the environment variable outside of the Nuxt context like this:

// lib/http.js

// process.env undefined
// can't use `useRuntimeConfig` outside nuxt context
const http = axios.create({ ... });
const strapiHttp = axios.create({ ... });

// lib/http.js

// process.env undefined
// can't use `useRuntimeConfig` outside nuxt context
const http = axios.create({ ... });
const strapiHttp = axios.create({ ... });

// services/blog.service.js
import { strapiHttp } from "~/lib";

export const getBlogPosts = async () => {
  const res = await strapiHttp.get(...);
  return res.data;
};

// services/blog.service.js
import { strapiHttp } from "~/lib";

export const getBlogPosts = async () => {
  const res = await strapiHttp.get(...);
  return res.data;
};

<script setup>
const { data } = useAsyncData(() => getBlogPosts());
</script>

<script setup>
const { data } = useAsyncData(() => getBlogPosts());
</script>

How to access environment variables or runtime config outside of Nuxt context?

Similar Threads

How to access environment variables or runtime config outside of Nuxt context?

Similar Threads

Similar Threads

Similar Threads