本地访问localhost:8080项目出现目录列表的原因及禁用方法

你本地启动的8080端口服务本质就是轻量内置Web服务，和是否完成线上部署、是否托管在独立Web服务器上没有关系，目录列表是你当前用的本地启动工具默认开启的目录遍历功能，直接对应修改启动配置即可关闭：

不同本地启动场景的关闭方式 #

• Python自带http.server启动场景
  项目根目录必须存在index.html作为首页文件，服务会自动优先加载首页，不会展示目录列表；如果需要彻底禁用目录遍历能力，自定义服务处理逻辑，对直接访问目录路径的请求返回403即可。
• VS Code Live Server插件启动场景
  打开VS Code设置面板，搜索配置项liveServer.settings.directoryListing，取消该配置的勾选状态，重启Live Server后就会自动跳转根目录首页，不再展示文件列表。
• Node.js生态本地服务场景
  • 用http-server启动时，追加参数-d false，完整启动命令为http-server -p 8080 -d false即可关闭目录列表
  • 用serve启动时，只需保证根目录存在index.html首页文件，服务会默认跳转首页，不会触发目录展示
  • 用Vite作为构建工具时，在配置文件中添加server: { directoryListing: false }即可
  • 用Webpack devServer时，在配置中添加devServer: { directoryListing: false }，同时配置正确的首页入口路由
• SpringBoot等Java框架内置容器启动场景
  在application配置文件中添加配置项server.servlet.jsp.init-parameters.listings=false，同时配置正确的首页视图跳转规则即可。

通用排查逻辑：所有能展示文件目录的HTTP服务，本身都内置了静态资源服务能力，不需要额外依赖独立线上Web服务器。只要找到当前启动8080端口服务对应的框架/工具，关闭其directoryListing（目录列表）相关配置，同时保证根目录存在符合框架约定命名的首页文件，访问根路径时就会自动跳转首页，不会再展示全量文件目录。

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