子域名存静态资源是否为最佳实践？如何隐藏assets.domain.com根目录内容

好问题！咱们分两部分来逐一解答：

答案是肯定的，这是非常常见且推荐的前端架构实践，优势很明显：

• 缓存效率拉满：独立的资源域名可以设置更长的缓存过期时间（比如1年），而且不会携带主站的Cookie，减少请求头部体积，大幅提升资源加载速度。
• 资源复用更省心：多个子域名项目可以共享通用的CSS/JS（比如全局样式、工具类库），不用重复部署相同资源，节省存储和带宽成本。
• 架构解耦更灵活：静态资源和业务服务完全分离，后续你可以单独给资源站加CDN、扩容存储或者做性能优化，完全不影响业务站点的正常运行。
• 安全隔离更靠谱：可以给资源站单独配置安全策略，比如严格的CORS规则、防盗链设置，降低业务站点的安全风险。

不过也有几个需要注意的小细节，避免踩坑：

• 跨域配置要到位：虽然都是子域名，但浏览器默认会视为跨域，所以要在资源站配置正确的CORS响应头，确保业务站点能正常加载资源。
• 版本管理不能忘：多个项目共用资源时，一定要给资源文件名加哈希后缀（比如app.abc123.css），避免缓存冲突导致页面显示异常。
• 目录分类要清晰：建议按项目或资源类型划分目录（比如/css/app1/、/images/common/），不然文件堆在一起，后续维护会头疼。

这个需求很容易实现，核心就是关闭服务器的目录索引功能，同时让访问目录的请求返回404。下面给你主流服务器的配置方法：

Nginx 配置方案 #

找到你assets.domain.com对应的Nginx server配置块，添加以下内容：

server {
    listen 80;
    server_name assets.domain.com;
    root /path/to/your/assets/folder; # 替换成你的资源实际存储路径

    # 关闭目录自动列表功能
    autoindex off;

    # 访问目录时返回404，直接访问文件则正常返回
    location / {
        try_files $uri $uri/ =404;
    }

    # 可选：配置防盗链，防止其他网站盗用你的资源（按需开启）
    valid_referers *.domain.com *.app1.domain.com *.app2.domain.com;
    if ($invalid_referer) {
        return 403;
    }
}

配置完成后重启Nginx，此时访问assets.domain.com或者任何子目录（比如/css/）都会返回404，但直接访问/css/app.css这类具体资源时能正常加载。

Apache 配置方案 #

你可以在Apache的虚拟主机配置文件中添加，或者在资源根目录下创建.htaccess文件写入以下内容：

# 禁用目录索引
Options -Indexes

# 检测到访问目录时，返回404状态码
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^(.*)$ - [R=404,L]

同样，重启Apache后就能生效。

额外小提示 #

• 确保你的资源根目录下没有index.html、index.php这类默认索引文件，如果有，直接删除或改名，否则访问根目录会显示这些文件的内容而不是404。
• 配置完成后一定要测试：访问根目录确认显示404，再访问几个具体资源路径，确保能正常加载。

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