Glitch静态托管需将index.html及所有资源（CSS/JS/图片）置于根目录或统一子目录如/assets/，路径须严格匹配；引用时禁用../相对路径；使用server.js需配置package.json的start脚本并安装对应工具。
Glitch 上直接放 index.html 就能跑，但没 JS/CSS 会 404
glitch 默认只托管项目根目录下的 index.html，但它不会自动识别并提供同目录下 style.css 或 script.js 的静态服务——除非你显式声明这些文件存在且路径正确。常见现象是页面空白或控制台报 failed to load resource: the server responded with a status of 404 ()。
实操建议：
- 确保所有资源（
style.css、script.js、图片等）都放在项目根目录，或用/assets/子目录统一管理 -
<link rel="stylesheet" href="style.css">中的路径必须和文件实际位置一致；Glitch 不支持./或../相对路径跳转到父级 - 如果用了
<script type="module">，注意 Glitch 默认不设 CORS 头，跨域请求可能被拦（比如 fetch 外部 API 时）
想用本地开发习惯？得改 package.json 启动命令
Glitch 默认以静态方式托管，但如果你写了 server.js 或想用 express、live-server 之类工具，就得主动接管启动流程。否则编辑器里改了代码，预览页不会热更新，刷新也看不到新效果。
实操建议：
- 在项目根目录加
package.json，写明"start": "serve -s ."（需先npm install --save-dev serve） - 或者用轻量方案：
"start": "npx http-server -p $PORT -c-1"（-c-1禁用缓存，避免 CSS/JS 不生效） - 改完
package.json后，Glitch 会自动重启服务——不用手动点 “Remix” 或 “Restart”
public 文件夹不是必须的，但放错地方资源就加载失败
Glitch 没有强制的 public 目录约定。它默认把整个项目当静态根目录，所以 index.html 必须在最外层。有人照着 Vue/React 脚手架习惯建了 public/index.html，结果打开全是 404。
立即学习“前端免费学习笔记（深入）”；
实操建议：
- 删掉
public文件夹，把index.html、style.css、script.js全放到项目根目录 - 如果真要组织结构，用
assets/或css/、js/子目录，但引用路径要同步改：例如<script src="js/main.js"></script> - Glitch 不解析
.gitignore或.env，敏感配置别硬编码进 HTML
部署后 URL 变了，相对路径和 API 请求容易断
Glitch 分配的域名形如 your-project-name.glitch.me，但预览时用的是带端口的内部地址（如 https://your-project-name.glitch.me）。很多新手在本地写 fetch("./data.json")，上线后发现请求发到了 https://your-project-name.glitch.me/data.json——这本身没错，但如果 JSON 文件没放对位置，还是 404。
实操建议：
- 所有静态资源路径优先用相对路径（
./data.json、img/logo.png），别用绝对路径/data.json（会从域名根开始找） - 调用外部 API 时，确认目标服务允许 Glitch 的域名发起请求（有些 API 会校验
Origin头） - 调试时打开浏览器开发者工具的 Network 标签页，看具体哪个请求失败、状态码和响应头是什么
真正卡住人的，往往不是部署动作本身，而是路径判断依赖了本地开发时的服务器行为（比如 live-server 自动 fallback 到 index.html），而 Glitch 的静态托管规则更“直给”。多看一眼 Network 面板里的请求地址，比反复改代码快得多。
