reactjs - 在 next.js react app 中设置运行时参数

Question

我有一个 next.js React 应用程序，它需要在启动时加载一组参数。这些是基本项目，例如服务器地址。我希望用户能够在 docker 运行应用程序时输入单个单词或短语，然后让应用程序根据该单词设置这些参数。将设置文件夹结构，用户输入的短语将指示从中提取这些文件的父文件夹。

• 第一学期
  • 配置.js
  • 文件 1.json
  • 文件2.json
• 第二学期
  • 配置.js
  • 文件 1.json
  • 文件2.json
• 第三学期
  • 配置.js
  • 文件 1.json
  • 文件2.json

我有一个 config.json 文件，计划是获取一个环境变量，然后在导入语句的相对地址中使用该变量来提取正确的文件集并建立这些配置参数。因此，如果用户输入“Term 1”，那么配置将基于这些文件进行设置。

问题是导入语句中的地址不能包含变量。所以，这样的事情是无效的：

import configLab from '../public/Builds/'+process.env.NEXT_PUBLIC_BUILD_LOC+'/config.js';

根据输入的内容创建大变量和拉取属性将不起作用。我需要能够根据输入的值访问文件夹文件。

标签： reactjsdockerenvironment-variablesnext.js