Symfony 4中Twig样式表及资源路径加载失败问题求助

这问题我之前开发Symfony项目时也碰到过！核心原因是你在base.html.twig里用了相对路径引用CSS、JS和图片资源，当访问带层级的路由（比如/soumission/liste）时，浏览器会把当前路由的路径作为基准去解析资源地址，导致请求路径变成/soumission/vendors/css/...，而你的实际资源是放在项目根目录的public文件夹下，自然就出现404错误了。

下面给你几个可行的解决方案，按推荐程度排序：

1. 使用Symfony的asset()函数（推荐） #

Symfony提供了专门的asset()函数来处理前端资源路径，它会自动根据项目的web根目录生成正确的绝对路径，不管当前路由层级是什么。

把base.html.twig里的资源引用改成下面这种格式：

{# 原来的相对路径 #}
<link href="vendors/css/vendor.bundle.base.css" rel="stylesheet">
<script src="vendors/js/vendor.bundle.base.js"></script>

{# 改成用asset()函数 #}
<link href="{{ asset('vendors/css/vendor.bundle.base.css') }}" rel="stylesheet">
<script src="{{ asset('vendors/js/vendor.bundle.base.js') }}"></script>

这个函数会帮你生成类似/vendors/css/vendor.bundle.base.css的绝对路径，确保浏览器从域名根目录开始查找资源，完美适配任何路由层级。

2. 直接使用绝对路径 #

如果不想用asset()函数，也可以直接在资源路径前加上/，强制浏览器从域名根目录开始加载资源：

<link href="/vendors/css/vendor.bundle.base.css" rel="stylesheet">
<script src="/vendors/js/vendor.bundle.base.js"></script>

这种方式简单直接，但要确保所有资源都放在public文件夹下（Symfony的web根目录默认就是public）。

3. 确认资源文件的位置 #

最后别忘了检查一下你的资源文件是否真的在正确的位置：

• 确保vendors/css、vendors/js这些文件夹都在项目根目录的public文件夹下
• 比如public/vendors/css/vendor.bundle.base.css这个文件必须存在，否则不管路径怎么写都会404

验证步骤 #

改完路径后，建议执行以下命令清除Symfony缓存，避免缓存影响：

php bin/console cache:clear

然后刷新浏览器，应该就能正常加载所有资源了。

内容的提问来源于stack exchange，提问作者Saddam