加listen 8000后js报403，是因为apache仅监听端口却未配置对应目录权限，导致fallback至默认require all denied；必须在virtualhost内用显式声明require all granted并确保路径完全一致。
为什么加了 Listen 8000 后 JS 文件全报 403？
不是端口本身的问题，而是 Apache 对新端口监听路径的权限没继承——Listen 8000 只让服务监听该端口，但没告诉它“这个端口下的请求该用哪个目录权限规则”。结果所有静态资源（包括 .js、.css、index.php）都 fallback 到顶层默认策略：Require all denied。
- 检查
httpd.conf末尾你加的Listen 8000块，它必须包裹在完整的<virtualhost></virtualhost>容器里，否则 Apache 不知道该给谁授权 - 确保
DocumentRoot路径和后续<directory></directory>中的路径**完全一致**（Windows 下推荐用正斜杠"G:/www/js-demo"，避免单反斜杠被当转义） - 不要只改
AllowOverride All，Require all granted才是放行关键；漏掉这句，哪怕路径对、文件存在，JS 仍 403
httpd-vhosts.conf 里怎么写才不踩坑
多端口 ≠ 多虚拟主机，但 XAMPP 2.4+ 强制要求每个 VirtualHost 都配独立 <directory></directory> 权限块。光写 DocumentRoot 是无效的。
- 必须显式声明：
G:/www/js-demo">
Require all granted
AllowOverride All
Options FollowSymLinks - 如果项目含子目录（如
/assets/js/），别用Options Indexes，它会暴露目录结构反而触发安全拦截 - Windows 下路径带空格（如
"C:/My Projects/site"）必须用英文双引号包裹，否则 Apache 解析失败直接 403
为什么 phpmyadmin 能开，我的 JS 就 403？
因为 phpmyadmin 的权限由 httpd-xampp.conf 单独控制，而你自定义端口的目录走的是主配置链路。两者权限模型不互通。
- 打开
xampp/apache/conf/extra/httpd-xampp.conf，搜索phpmyadmin，你会看到类似：/opt/lampp/phpmyadmin">
Require local - 你的
js-demo目录不在这个白名单里，所以它完全依赖httpd.conf和httpd-vhosts.conf的配置顺序与覆盖逻辑 - 若你在
httpd.conf顶部看到<directory> Require all denied </directory>，它会压制所有子路径——必须在对应VirtualHost内用更精确的<directory></directory>显式覆盖
文件系统权限常被忽略的细节
Apache 进程在 Windows 上默认以 SYSTEM 身份运行，在 Linux/macOS 上是 daemon 或 www-data。它需要对整个路径链有「遍历」权限，不只是目标文件夹。
- 右键你的项目文件夹 → 属性 → 安全 → 编辑 → 添加
SYSTEM（Win）或www-data（Linux/macOS），赋予「读取和执行」「列出文件夹内容」「读取」三项 - 特别注意父级目录，比如
G:/www如果权限收紧，G:/www/js-demo再开放也没用 - Mac/Linux 用户用
ls -ld G /www /js-demo检查每级目录是否含x（执行位），缺了就chmod +x G/www
httpd -S 命令验证虚拟主机配置是否被正确加载——很多 403 根本不是权限问题，而是配置压根没进 Apache 的运行时视图。
