在cPanel部署应用后，如何阻止直接访问后端app.js等特定JS文件？

方法1：手动编辑.htaccess文件（最灵活） #

• 登录cPanel，打开文件管理器，定位到网站根目录（一般是public_html）
• 若看不到.htaccess文件，点击右上角「设置」，勾选「显示隐藏文件」
• 编辑.htaccess，在文件末尾添加对应规则：
  • 阻止单个文件（如app.js）：

    <Files "app.js">
        Order Allow,Deny
        Deny from all
    </Files>
    

  • 阻止多个特定文件（如app.js、backend.js、config.js）：

    <FilesMatch "^(app|backend|config)\.js$">
        Order Allow,Deny
        Deny from all
    </FilesMatch>
    

  • 阻止子目录下的后端文件（如backend/app.js）：

    <FilesMatch "^backend/(app|config)\.js$">
        Order Allow,Deny
        Deny from all
    </FilesMatch>
    

• 保存文件后，直接访问这些文件会返回403禁止访问，前端正常JS不受影响

方法2：用cPanel可视化工具添加规则 #

• 登录cPanel，找到URL重写（归类在「高级」板块）
• 点击「添加规则」，选择「阻止访问文件」
• 在「文件」输入框填写目标文件名，多个文件用竖线分隔（如app.js|backend.js）
• 保存规则即可，系统会自动将规则写入.htaccess

验证测试 #

访问你的域名+目标文件路径（如yourdomain.com/app.js），确认返回403状态；同时检查前端页面的JS是否能正常加载。

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