无法将背景图片加载到html / css中的div

我已经有一段时间了。我正在使用reactjs并尝试将背景图像添加到div标签中

<div className="ficon"></div>

在css文件中

  .ficon {
    max-width: 100px;
    max-height:100px;
    background-image: url('/Users/anthonychoi98/Documents/GitHub/portfolio/src/images/folder-icon (1).png');
}

事实是,当URL地址是http或来自Internet时,它可以工作,但是当它在我的计算机中本地时,则不起作用。我尝试使用相对路径,但也不起作用。它编译没有任何错误或警告,它只是不显示图像。我知道url是正确的,因为当我将其用作图像时它可以工作。

<img src="/Users/anthonychoi98/Documents/GitHub/portfolio/src/images/folder-icon (1).png"/>

提前致谢!