PHPStorm在构建时没有找到图像,如何配置?

时间:2014-11-17 23:22:36

标签: css phpstorm

我是PHPStorm的新手,并且已经遇到了一个问题,这个问题已经毁掉了我使用IDE的意愿:

我在css中写入图像的路径,如

  

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

这是IDE在不抛出错误的情况下接受的正确路径。

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

  

GET localhost:63342 / CSS / Img / separator.png 404(未找到)

这是可以理解的,因为文件位于

  

本地主机:63342 /项目名/ CSS /图/ separator.png

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

2 个答案:

答案 0 :(得分:0)

为什么不将ProjectName添加到路径?

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

或者,您可以在目录中上下移动。有时令人困惑,因为它是你HD的自然下一步,但是web服务器(locahost)正在使用相对路径,因此它不知道如何从png文件所在的位置获取所以你需要明确或者从#34;它来到这里" Web服务器正在告诉你。

退一步

../ 

两个(等)

../../

您可以使用此方法导航到root或其他级别,然后再次遍历树

例如,

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

表示降低目录级别" ../"无论你在哪里,然后使用以下目录结构" ProjectName / Img / separator.png"从那时起。

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

表示第2步目录,然后是..

希望有所帮助

答案 1 :(得分:0)

好吧,我终于成功了!

非常感谢LazyOne让我走上正确的道路并在how to configure PHPStorm with XAMPP上为我提供了这个有用的链接!

这是朝着正确方向迈出的一步,但并不是我需要让它发挥作用的一切。 主要的错误当然是我,因为我是这个IDE的新手并且不知道我的方式。最后,为了让它工作,我不得不再做两个步骤:

  1. 使用内置Web服务器为PHP创建新的运行配置。

  2. 将我的项目上传到服务器根目录,即 在我的案例中“D:\ xampp \ htdocs \ PROJECT_NAME”

  3. (我发布其他步骤的链接,但我在这里没有足够的声誉)

    然后当你点击“运行”时,它只是打开调试窗口而什么都不做。这是您希望IDE为您打开浏览器的地方,但您必须自己动手并输入正确的路径。 在我的情况下,它现在是“localhost:80 / index.php”。 这有点奇怪,但至少它现在有效! :)