#运维 | 前端 # Linux http.server 实践:隐藏长文件名,简短路径 (http://IP:port/别名 ) 访问

如何运行页面为 http://ip:port/名称

1. 准备文件目录

假设文件原始位置:

复制代码
/home/ubuntu/projects/yinran/ckd.html

将它移动到子目录并改名为 index.html

bash 复制代码
mkdir -p /home/ubuntu/projects/yinran/ckd
mv /home/ubuntu/projects/yinran/ckd.html \
   /home/ubuntu/projects/yinran/ckd/index.html

这样目录结构变为:

复制代码
/home/ubuntu/projects/yinran/
  └── ckd/
        └── index.html

2. 启动 http.server

进入上级目录 yinran 并启动服务:

bash 复制代码
cd /home/ubuntu/projects/yinran
nohup python3 -m http.server 8080 > server.log 2>&1 &

检查端口监听:

bash 复制代码
sudo lsof -i:8080
# 或
ss -tulnp | grep 8080

3. 外网访问

在浏览器访问:

复制代码
http://服务器IP:8080/ckd

会自动映射到该目录下的 index.html 页面。


为什么会自动定位到 index.html

  • Web 服务器默认首页规则:当访问的是一个目录而不是具体文件时,服务器会自动查找该目录下的默认首页文件。

  • Python http.server 的规则:源码中写明会查找

    python 复制代码
    ["index.html", "index.htm"]
  • 找到即返回,找不到则显示目录列表或报错。

示例流程

复制代码
访问 URL: http://IP:8080/ckd
↓
服务器解析为目录 /home/ubuntu/projects/yinran/ckd/
↓
自动寻找 index.html
↓
返回给浏览器 → 页面正常显示
相关推荐
奔跑的呱呱牛几秒前
如何设计一个可扩展的地图前端架构?从0到1的工程实践(OpenLayers)
前端·架构·openlayers
optimistic_chen5 分钟前
【Vue3入门】自定义指令与插槽详解
linux·运维·服务器·vue.js·前端框架·指令
Dxy123931021611 分钟前
JS如何把数据添加到列表中
前端·javascript·vue.js
牛奶咖啡1314 分钟前
基于Cobbler的系统自动化安装部署——Cobbler的安装部署实践
linux·运维·服务器·cobbler·cobbler的安装配置·cobbler环境检查问题解决·cobbler中导入系统镜像
蜡台16 分钟前
Uniapp 实现 二手车价格评估 功能
前端·javascript·uni-app·估值·汽车抵押·二手车评估
mounter62517 分钟前
深度解析 RDMA 技术的里程碑:基于 DMA-BUF 的 P2P 直接访问(GPU Direct RDMA 新姿势)
linux·运维·服务器·网络·p2p·kernel
旭久18 分钟前
web前端开发好物推荐-(code-inspector-plugin/react-dev-inspector)页面快捷定位代码位置
前端·react.js·前端框架
floret. 小花21 分钟前
Vue3 知识点总结 · 2026-03-20
前端·面试·electron·学习笔记·vue3
木斯佳23 分钟前
前端八股文面经大全:Bilibili 前端实习面(2026-03-20)·深度解析
前端·sse·ssr·rag