我正在为我的 nuxt 项目而苦苦挣扎。我尝试访问用 nuxt.config.js 编写的配置变量,我在 privateRuntimeConfig 而不是 dotenv 中设置了我的 env 变量。我最终想要做的是,我想使用 nuxt.config.js 文件中定义的 url 在我的 typescript 文件中访问它们,该文件从后端调用 api。
下面是我的 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 };
};
下面是我的 nuxt.config.js
privateRuntimeConfig: {
apiURL: process.env.API_URL,
proxyBaseURL: process.env.BASE_URL,
},