首页 > 解决方案 > 如何在打字稿文件中访问 nuxt.config.js 中的配置?

问题描述

我正在为我的 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,
  },

标签: typescriptvue.jsnuxt.jsnuxt.config.js

解决方案


推荐阅读