I am struggling with my nuxt project. I try to access to config variables written in nuxt.config.js I set my env variables in privateRuntimeConfig instead of dotenv. What I eventually want to do is that I want to access to them in my typescript file using url defined in nuxt.config.js file which calls api from backend.
Below is my api.ts
import axios, { AxiosResponse } from 'axios';
import { Context } from '@nuxt/types';
import { IRequestInquiry, IResponseInquiry } from '~/models/inquiry';
export const sendInquiry = async (createInquiry: IRequestInquiry, context : Context): Promise<IResponseInquiry> => {
//context not found
console.log(context);
const apiUrl = context.$config.apiURL;
const axiosResponse: AxiosResponse = await axios.post(
apiUrl, // TODO
createInquiry,
);
return { status: axiosResponse.status, results: axiosResponse.data };
};
Below is my nuxt.config.js
privateRuntimeConfig: {
apiURL: process.env.API_URL,
proxyBaseURL: process.env.BASE_URL,
},