Laravel根目录themes文件夹内css、js及图片资源无法访问如何解决？

Laravel 默认的Web服务器配置（Nginx/Apache）只会将public目录作为文档根目录对外暴露，项目根目录下的其他文件夹默认不允许直接通过HTTP访问，这是框架的安全设计，避免敏感配置文件被外部访问，也是你当前出现404的核心原因。

方案1：优先推荐，无需额外配置 #

直接将根目录下的themes文件夹整体移动到public目录下即可，这是Laravel官方推荐的静态资源存放方式。

• 资源引用方式：在视图中使用asset()助手函数生成访问链接即可，示例如下：

  <!-- 引入CSS -->
  <link rel="stylesheet" href="{{ asset('themes/当前主题名/css/style.css') }}">
  <!-- 引入JS -->
  <script src="{{ asset('themes/当前主题名/js/common.js') }}"></script>
  <!-- 引入图片 -->
  <img src="{{ asset('themes/当前主题名/images/logo.png') }}" alt="站点logo">
  

方案2：保留themes在根目录的配置方案 #

如果业务逻辑要求必须将themes放在项目根目录，可选择以下两种配置方式：

路由映射配置（适合开发环境或资源量较小的场景） #

在routes/web.php文件中添加如下路由规则，将所有themes开头的请求映射到根目录对应文件：

use Illuminate\Support\Facades\File;
use Illuminate\Support\Facades\Response;
use Illuminate\Support\Facades\Route;

Route::get('themes/{path}', function (string $path) {
    $absolutePath = base_path("themes/{$path}");
    // 文件不存在直接返回404
    if (!File::exists($absolutePath)) abort(404);
    // 返回文件响应并设置缓存头提升性能
    return Response::file($absolutePath, [
        'Content-Type' => File::mimeType($absolutePath),
        'Cache-Control' => 'public, max-age=31536000'
    ]);
})->where('path', '.*');

Web服务器规则配置（适合生产环境，性能更高） #

Nginx配置

在站点的Nginx配置server块中添加以下规则，配置完成后重载Nginx生效：

location ^~ /themes/ {
    root 替换为你的Laravel项目根目录的绝对路径;
    expires 1y;
    add_header Cache-Control "public, immutable";
}

Apache配置

在项目根目录的.htaccess文件中添加以下规则即可：

RewriteRule ^themes/(.*)$ /themes/$1 [L]

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