为什么我的图像没有显示在组件中

Question

这是屏幕截图：

图像在本地显示很好，但是当我将其上传到服务器时却没有。

如何更新图像的路径，使其在本地和Web服务器上均可工作？

将slideData设置为一种状态是否有意义，因为我可能会在其组件内访问它的多个功能？

Answer 1

您应该导入图像，而不要使用相对URL：

import slide1Image from '/Images/sliderImages/vast_ocean.jpg

，然后将slide1Image用作图像的src。

这也是一种更好的方法，因为CRA正在使用Webpack，并且在将应用程序部署到生产环境时可以优化资源的加载。