HTML 编辑器“无法解析目录”

Question

PHPStorm/WebStorm 在 HTML 文件中针对本地资源的链接发出警告。

我的项目结构是：

hello-world
|--assets
|  |--css
|  |--images
|  |--js
|  +--lib
|     +--foo
|        |--foo.js
|        +--foo.css
|--src
|--templates
|  |--foo.html
|  +--bar.html
|--test
|--packages
+--index.php

鉴于我将 foo.html 呈现给用户，Apache 只能在相对于 Apache 的根目录引用它们时定位本地资源，即：

src="/hello-world/assets/lib/foo/foo.js"
href="/hello-world/assets/lib/foo/foo.css"

但 PHPStorm/WebStorm 只会将这些文件解析为：

src="/assets/lib/foo/foo.js"
href="/assets/lib/foo/foo.css"

这当然会在 Apache 尝试为它们提供服务但找不到它们时导致 404 错误。

我尝试更改目录设置，将我的项目根目录设为资源根目录，将资产文件夹设为资源根目录、lib 文件夹等。没有什么能让 IDE 满意，而且我的所有 HTML 和 JavaScript 代码都充满了错误的错误和未解决的引用。

Answer 1

通过修改 Apache 配置修复它：

<VirtualHost *:80>
    DocumentRoot /var/www
    <Directory /var/www/hello-world>
        Order allow,deny
        Allow from all
    </Directory>
    Alias /assets /var/www/hello-world/assets
</VirtualHost>

现在我可以将文件引用为"/assets/lib/foo/foo.js"。远非理想，但 Apache 可以找到它们并且 PHPStorm/WebStorm 很高兴。