Question

我使用create-react-app来玩react。我注意到无论我在localhost：3000 /之后输入什么（这是开发机上的默认URL），我总是从localhost：3000获取内容

这意味着我无法访问图像，因此我无法对其进行任何操作。

这是一个错误还是我不理解的一些很棒的新功能？如何关闭？

Answer 1

Create React App使用historyApiFallback作为webpack-dev-server，这意味着给出404响应的所有请求都将回退以加载index.html文件。

例如将图像添加到public文件夹中，您可以看到该图像优先于index.html文件。

您还可以在Webpack的帮助下导入图像，并在代码中将导入用作src，Webpack将确保图像最终位于您的最终build文件夹中。 / p>

import img from './image.png';

Answer 2

您可以使用

render() {
  return <img src={process.env.PUBLIC_URL + '/img/logo.png'} />;
}