reactjs - 在 React JS 中设置背景图片

Question

我的反应项目的公共文件夹中有一个文件，称为backgrund.jpg

我正在尝试将其添加到styles.css公用文件夹中以将其设置为背景图像。

这是相同的代码：

background-image:url("%PUBLIC_URL%/background.jpg");

但是，当我尝试时，上面的代码没有任何改变：

background-image:url('https://i1.wp.com/sociallover.net/wp-content/uploads/2017/06/nature-images.png');

或者

background-color: greenyellow;

他们都完美地工作。为了给您更好的印象，以下是文件的位置：

请让我知道我做错了什么？

在检查员中，我收到以下消息： GET http://localhost:3000/%PUBLIC_URL%/background.jpg 400 (Bad Request)

我做的其他事情：

1. 停止旧服务器后启动了 npm 。
2. 检查文件扩展名以确保我的 jpg 与 background.jpg 匹配。

标签： reactjs

Answer 1

感谢@Guy Incognito 和@Ihor Vyspianky，我通过替换解决了这个问题：

background-image:url("%PUBLIC_URL%/background.jpg");

至

background-image:url("background.jpg");