Javascript 无法加载本地内存中的图像

我正在做一个项目，在那里我从数据库中获得一个图像链接

这是加载图像的代码

export const PostImage = styled.div`
  background-image: url(${props => (props.bgimg ? props.bgimg : singlePostBgImg)});
  background-position: center center;
  background-size: cover;
  height: 600px;
  position: relative;

当我使用这种类型的链接时，它可以完美地工作：

http://s3.amazonaws.com/xxx.com/xxx-images/hotel-4_thumb.jpg

但是，当我在自己的计算机中使用图像链接时，不会显示任何图片

file:///C:/Users/Andre/Desktop/PFP/pssv.jpg
C:/Users/Andre/Desktop/PFP/pssv.jpg

---

当我使用浏览器中的链接时，它们工作得非常好。我做错了什么？

是否

file:///C:

是否尝试在“网络”选项卡中加载？也许是CORS阻止了访问@贾斯汀娜：很抱歉回答晚了。我抬起头，禁止进入。Errror scroll spy.js:40不允许加载本地资源：file:///C:/Users/Andre/Desktop/PFP/pssv.jpg 我该怎么办？把你的资源和你的索引文件放在同一个文件夹下。否则它将不会被加载（离线COR更为严格）。