javascript - 反应公共 URL 环境变量

问题描述

我试图在构建后访问我的公共文件夹中的图像，所以我继续创建了一个 PUBLIC_URL。然而，我在文件路径结构方面遇到了问题，因为图像似乎没有被定位。

我的PUBLIC_URL is: PUBLIC_URL = '/Assets/color/'

我在我的组件中引用它：

  img_src = weather_array.includes(data.weather_code.value)
    ? (img_src = `${process.env.PUBLIC_URL}${data.weather_code.value}_day.svg`)
    : (img_src = `${process.env.PUBLIC_URL}${data.weather_code.value}.svg`);

这是文件结构的图片以供参考。

标签： javascriptreactjsenvironment-variables

该process变量仅适用于 Node.js。在 React 中，所以在浏览器中，我们不能使用该变量。但是，我们可以使用 Webpack 来访问process变量。这DefinePlugin有助于我们在构建时将服务器端变量传递到客户端。请参见

在 webpack 中传递与环境相关的变量
在 React 中使用环境变量

javascript - 反应公共 URL 环境变量

问题描述

解决方案

推荐阅读