reactjs - 在 React 中，如何将标签的 href 属性设置为环境变量的值？

Question

我的反应应用程序中有一个 URL：

<a href={process.env.ADMIN_URL} className="nav-link">Admin</a>

在我的.env文件中，我有：

ADMIN_URL=http://localhost:3001

在渲染结果中，似乎没有href属性：

如果我这样做：

const myUrl = "http://localhost:3001/"

[...]

<a href={myUrl} className="nav-link">Admin</a>

有用。

我曾经create-react-app创建过这个项目，我正在使用开发服务器运行它npm run start。

标签： reactjs

Answer 1

如果您使用 Create React App，您可以在.env项目根目录的文件中设置环境变量。所有名称以 REACT_APP_ 开头的变量都可以在 process.env.REACT_APP_VARIABLE_NAME 下访问。

有关更多详细信息，请参阅Create React App 文档