1

我正在将我的 React 站点迁移到 react-static。我在 scss 文件中有一个 css，我react-static-plugin-sass在我的项目中使用。如何正确设置我的 scss 文件中图像的 URL？

我试过这个：

.my-page {
  color: rgb(70, 81, 116);
  &_header {
    border: 1px solid #000;
    background-image: url(/assets/images/bg-illustration.jpg);
  }
}

但是当我运行该站点时，它给了我以下错误：

无法获取 /assets/images/bg-illustration.jpg

我的资产位于 src 文件夹中：

-src
--assets
---images
----bg-illustration.jpg

似乎 scss 文件中提到的所有图像都没有复制到带有资产的结果文件夹中。

我很感激有关如何在 react-static 构建中修复它的任何信息。

4

1 回答 1

1

正如 Eusbolh 在评论中提到的，您需要使用URL 的相对路径。例如：

background-image: url(../../assets/images/test.png);

请注意，当我们以 开头的路径时/，例如/foo/bar.png，它会尝试从public目录中读取图像。

于 2021-04-11T11:30:19.640 回答