Laravel 6.2本地无法访问public文件夹下CSS文件的问题

你遇到的核心问题是本地环境中asset()函数生成的路径多了一层public前缀，导致资源找不到，而线上服务器的配置刚好兼容了这个错误路径。下面是具体的解决步骤：

1. 修正asset()的路径写法 #

Laravel的asset()辅助函数默认已经指向项目的public目录，所以你完全不需要在路径里再加public/前缀。把你的Login.blade.php代码修改为：

<link rel="stylesheet" href="<?php echo asset('vendor/bootstrap/css/bootstrap.min.css') ?>" type="text/css">
<link rel="stylesheet" href="<?php echo asset('vendor/bootstrap/css/bootstrap-datepicker.min.css') ?>" type="text/css">
<link rel="stylesheet" href="<?php echo asset('vendor/bootstrap/css/bootstrap-select.min.css') ?>" type="text/css">

修改后生成的路径会是http://localhost/vendor/...，刚好对应public/vendor/...的实际文件位置。

2. 确认本地服务器的根目录配置 #

如果使用XAMPP、WAMP或Valet这类本地服务器，一定要确保服务器的根目录指向项目的public文件夹：

• 比如XAMPP设置虚拟主机时，把文档根目录设为你的项目路径/public，而不是项目的根目录（包含app、vendor的那个目录）。
• 如果用PHP内置服务器，启动时要指定public目录：

  php -S localhost:8000 -t public
  

3. 优化根目录的.htaccess配置 #

你当前的.htaccess规则可以调整得更规范，确保所有请求都正确转发到public/index.php：

<IfModule mod_rewrite.c>
    <IfModule mod_negotiation.c>
        Options -MultiViews -Indexes
    </IfModule>

    RewriteEngine On

    # 移除URL末尾的斜杠
    RewriteRule ^(.*)/$ /$1 [L,R=301]

    # 将所有非文件/非目录的请求转发到public/index.php
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ public/index.php [L]
</IfModule>

这个配置能避免路径混淆，确保本地环境的请求路由和线上保持一致。

完成以上修改后，本地环境应该就能正常加载public目录下的所有资源了。

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