css - PHPStorm 在构建时找不到图像，如何配置？

Question

我是 PHPStorm 的新手，已经遇到了一个问题，这个问题扼杀了我使用 IDE 的意愿:

我在 css 中写图像的路径，比如

background-image: url(/CSS/Img/separator.png);

这是 IDE 将接受且不会抛出错误的正确路径。

然后我运行网站并得到错误

GET localhost:63342/CSS/Img/separator.png 404 (Not Found)

这是可以理解的，因为文件在

localhost:63342/ProjectName/CSS/Img/separator.png

所以我猜我需要配置一些东西。我试图通过谷歌搜索解决方案，但老实说，我什至不知道要搜索什么。

Answer 1

为什么不直接将 ProjectName 添加到路径中？

background-image: url( ProjectName/CSS/Img/separator.png);

或者，您可以在目录中上下移动。有时会令人困惑，因为它是您 HD 上自然的下一步，但是网络服务器(本地主机)正在使用相对路径，因此它不知道如何从它所在的位置到达 png 文件所在的位置，因此您需要明确或步行从网络服务器告诉您的“您在这里”上下移动。

退一步

../ 

两个(等等)

../../

您可以使用这种方法导航到根或其他级别，然后再次遍历树

例子，

background-image: url(../ProjectName/Img/separator.png);

这表示无论您身在何处，都可以进入目录级别“../”，然后从该点开始使用以下目录结构“ProjectName/Img/separator.png”。

或

background-image: url(../../ProjectName/Img/separator.png);

其中表示第 2 步目录向下，然后 ..

希望对你有帮助