Replit 直接运行 index.html 无需配置服务器：文件名必须为小写 index.html 且位于根目录，引用资源用相对路径，支持 localStorage 和同项目 fetch，拖放上传文件即可使用。
Replit 里直接写 index.html 就能运行，不用配服务器
Replit 对纯前端项目做了默认支持：只要根目录下有 index.html，点「Run」就会自动用内置的静态服务器打开它。不需要写 package.json、不装 http-server、也不用改配置。
常见错误现象：Cannot GET / 或白屏，往往是因为文件名不是 index.html（比如叫 page.html 或 test.htm），或者放错了位置（不在项目根目录）。
- 文件必须叫
index.html，大小写敏感，不能是Index.html - 必须在项目最外层，不是子文件夹里（如
src/index.html不会自动识别） - 如果已有其他语言模板（如 Python），Replit 可能默认启动后端服务——删掉
main.py或server.js等主入口，只留index.html即可切换成前端模式
引用本地 JS/CSS 要用相对路径，别用 file://
浏览器在 Replit 里跑的是远程服务（地址类似 https://xxx.repl.co），所以所有资源都得走 HTTP 加载。用 file:// 或绝对本地路径（如 C:/project/script.js）会直接 404。
使用场景：加一个 script.js 或 style.css 到页面里。
立即学习“前端免费学习笔记（深入）”；
- 正确写法：
<script src="script.js"></script>（同目录）或<link rel="stylesheet" href="css/style.css">（子目录） - 错误写法：
<script src="file:///script.js"></script>、<script src="/script.js"></script>（开头的/会从域名根开始找，但 Replit 的静态资源根就是项目根，没必要加） - 路径区分大小写，
Script.js和script.js是两个文件
Replit 的实时预览窗口不支持 localStorage 或 fetch 跨域？其实是支持的，但有边界
Replit 的预览页（右侧面板）本质是 iframe 嵌入，同源策略照常生效。大部分前端 API 都能用，但要注意两点：
-
localStorage、sessionStorage正常可用，但每次「Run」重启后不会清空——不是 bug，是设计如此；若需干净环境，手动点右上角预览窗口的刷新按钮 -
fetch不能请求外部域名（如fetch('https://api.example.com')），会触发 CORS；但可以请求自己项目的 JSON 文件：fetch('data.json')没问题 - 如果用了
fetch+async/await却没反应，大概率是忘了加try/catch或没处理response.ok，错误被静默吞掉了
想传图片或 JSON 数据？直接拖进 Replit 文件树就行
Replit 支持拖放上传，比写代码建文件快得多。上传后路径就是你看到的文件名，无需额外声明或注册。
性能 / 兼容性影响：小图（
- 拖一个
avatar.jpg进来，HTML 里就写<img src="avatar.jpg"> - 拖一个
config.json，JS 里fetch('config.json').then(r => r.json())直接读 - 如果上传后文件名带空格或中文（如
我的数据.json），URL 编码后可能出问题，建议重命名为英文+下划线
index.html，又没注意右上角提示“no main file found”，然后以为环境坏了。其实只要把文件名和位置对上，它就老老实实跑。 
