图像路径正在转换为数据 URI 而不是 URL

Question

我使用 Create-React-App 工具设置了一个基本的 React 应用程序。

我的图片文件夹中有一张图片： /src/img/logo.png

我将它包含在我的一个组件 JS 文件中（假设它位于 /src/Login.js），如下所示：

import logo from "../img/logo.png";

我像这样将它们嵌入到我的代码中：

<img src={logo} />

当我查看呈现的页面时，我看到此图像的 "src" 属性具有数据 URI。 如何让应用程序为此图像生成 URL 而不是数据 URI？

Answer 1

为什么要用 import 导入图片，你可以直接使用 path 或在一个变量中获取该路径，而不是像这样将它传递给 src：

 var imgUrl = "../img/logo.png"; 

 <img src={imgUrl} />

Image paths are getting converted to data URI instead of URL