How to access config in nuxt.config.js in typescript file?

2.6k Views Asked by At

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,
  },
0

There are 0 best solutions below