在Apache服务器搭建的Web项目中,我们通常会把CSS、JS、图片等静态资源统一放在public目录下,既方便管理也能提升资源访问的安全性。但默认情况下用户访问静态资源需要手动拼接public路径,体验不够友好。通过.htaccess的URL重写功能,就能实现静态资源自动映射到public目录,让用户无需输入public前缀即可访问对应资源。

.htaccess 实现映射的核心原理
.htaccess是Apache服务器支持的分布式配置文件,我们可以通过其中的mod_rewrite模块提供的重写规则,对用户的请求路径进行拦截和修改。当检测到请求的是静态资源时,自动在路径前添加public前缀,再转发到实际的资源路径,整个过程对用户透明。
具体配置步骤
1. 开启重写模块
首先需要确保Apache已经开启了mod_rewrite模块,在Apache的主配置文件中找到LoadModule rewrite_module modules/mod_rewrite.so,去掉前面的注释符号,然后重启Apache服务。
2. 编写.htaccess规则
在项目根目录下创建或编辑.htaccess文件,添加以下配置内容:
# 开启重写引擎
RewriteEngine On
# 设置重写基础路径,避免相对路径出错
RewriteBase /
# 判断请求的文件或目录不存在时,才进行重写(避免循环重写)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
# 匹配常见的静态资源后缀,自动映射到public目录
# 这里匹配css、js、png、jpg、jpeg、gif、ico、svg、woff、woff2、ttf、eot后缀的请求
RewriteRule ^(.+).(css|js|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ public/$1.$2 [L]
3. 规则说明
上述规则的逻辑如下:
RewriteEngine On:开启URL重写功能,这是所有重写规则的前置条件。RewriteBase /:指定重写规则的相对路径基准为项目根目录,避免路径拼接错误。- 两个
RewriteCond条件:判断当前请求的路径对应的文件或目录在服务器上不存在时,才执行后续的重写规则,避免已经存在的真实路径被错误重写,也防止出现重写循环。 RewriteRule:匹配请求的URL,将符合静态资源后缀的请求,自动重写为public/原路径的形式,[L]表示这是最后一条匹配规则,匹配到后不再执行后续规则。
测试验证
配置完成后,可以在public目录下放置一个测试文件,比如public/test.css,然后在浏览器中访问http://你的域名/test.css,如果能正常加载该CSS文件,说明映射配置生效。
常见问题与解决
重写不生效
首先检查Apache是否开启了mod_rewrite模块,然后确认项目根目录的AllowOverride配置是否为All,如果配置为None,.htaccess文件不会生效,需要修改Apache主配置中对应目录的配置:
<Directory "/你的项目根目录路径">
AllowOverride All
Require all granted
</Directory>
出现循环重写
如果没有添加REQUEST_FILENAME的判断条件,可能会导致请求已经被重写到public目录后,再次被规则匹配重新添加public前缀,出现public/public/...的循环路径。一定要保留两个RewriteCond条件,确保只有真实不存在的路径才会被重写。
部分静态资源无法映射
如果新增了其他静态资源后缀,比如webp,只需要在RewriteRule的后缀列表中添加对应的后缀即可,修改后规则会自动生效,无需重启Apache。
扩展场景适配
如果你的静态资源不是全部放在public根目录,而是有子目录结构,比如public/css/style.css,上述规则同样支持,因为规则中的$1会匹配完整的路径前缀,重写后会自动保留子目录结构。
如果需要排除某些路径不被映射,比如admin目录下的静态资源不需要映射到public,可以添加额外的排除条件:
# 排除admin路径下的请求,不进行重写
RewriteCond %{REQUEST_URI} !^/admin/
# 原有的静态资源判断条件
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.+).(css|js|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ public/$1.$2 [L]