reactjs - Sass 从服务器根目录或您的公共获取文件 url 路径 | 区 | 建造

Question

我正在开发一个 react 项目，最近开始使用 sass 而不是 css，在 css 中，您可以简单地使用"/images/icon.png"作为 url 上的路径来指向服务器上的图像，这将从您的托管根文件夹或构建文件夹中获取文件.

但在 sass 中它正在显示file not found。每当我尝试指向public文件夹中的实际路径时，它都会显示错误You attempted to import ../../public/images/icon.png which falls outside of the project src/ directory。

换句话说，这不起作用（试图从服务器获取文件）

background-image: url("./Images/icon.jpg");

也不是这个（试图从磁盘上的项目路径获取文件）

background-image: URL("../../../build/Images/icon.jpg");

但是该文件实际上存在于我的服务器上，localhost:3000/Images/icon.jpg实际上是下载图像。

那么我怎样才能让它简单地指向一个使用 url 路径的文件，该路径使用服务器作为路径的根，比如google.com/images/icon.png

标签： reactjssasscreate-react-app