javascript - 在 symfony 应用程序中，图像不显示且脚本不运行

Question

我是 Symfony 的新手，我需要添加图像和脚本(来自 js 文件)。

在文件夹 web 下，我有 /img 和 /js。

在 base.html.twig 模板中，我这样使用它:

<link href="img/brand.png" rel="shortcut icon">
<script src="js/main.js"></script>
<img src="img/brand.png" alt="" />

我用 app.php 和 app_dev.php 测试了它(也在这两种情况下尝试清除 chace)。

我使用的 vhost 配置为

DocumentRoot "C:/xampp/htdocs/symfony/myproject/web/app_dev.php/"
ServerName myprojectdev

图像不显示，脚本不运行。请求头返回404，URL为http://myprojectdev/js/main.js。如果我修改 http://localhost/symfony/myprojectdev/app_dev.php/js/main.js 中的 header ，则状态为 200。

我找到了关于 Best Practice 的文档和 Components .目前我不会使用 Assetic Bundle，但我不明白是否必须安装组件才能使用语法

<link rel="shortcut icon" href="{{ asset('img/brand.png') }}">
<script src="{{ asset('js/main.js') }}"></script>
<img src="{{ asset('img/brand.png') }}" alt="" />

Answer 1

首先，正如我在评论中提到的那样，在文件路径前添加斜线，所以你应该有这样的 HTML:

<link href="/img/brand.png" rel="shortcut icon">
<script src="/js/main.js"></script>
<img src="/img/brand.png" alt="" />

接下来，您的虚拟主机配置中的 DocumentRoot 不正确

应该是

DocumentRoot "C:/xampp/htdocs/symfony/myproject/web/"

作为Apache's documentation说:DocumentRoot 是

Directory that forms the main document tree visible from the web.

app_dev.php 是一个文件，应该包含在根路径中。