dev中的相对路径在暂存中转换错误



我在React中遇到了这样的情况,在开发过程中,我指向页脚中的一个徽标,其相对路径为:

import logo from "../../public/assets/images/logo-white.svg";

这个路径在临时服务器上不起作用,调试后我发现路径中缺少资产部分,在devtools中,路径是:

/images/logo-white.svg?49346bf607b2345c88562df1dde21b97

当我在斜杠生效之前添加资产部分时,我不能在组件中使用绝对路径,我不知道该怎么做才能修复它。

您可以像这样在生产中使用它:process.env.PUBLIC_URL + '/images/logo-white.svg'

您可以在React docs 中找到关于何时以及如何使用公用文件夹的详细文档

最新更新