go 的 `net/http` 默认不提供静态文件服务，需显式注册 `http.fileserver` 处理器并配置正确的路径映射，否则浏览器请求如 `myscripts.js` 会返回 404；同时建议在 html 中设置 `
在 Go Web 开发中，使用 http.HandleFunc 仅能处理特定路由（如 / 或 /subscribe），而不会自动响应对静态资源（如 myscripts.js、style.css、图片等）的请求。当 HTML 中通过 引入外部 JS 文件时，浏览器会向当前页面 URL 的相对路径发起 GET 请求。根据错误信息 Request URL: http://localhost:8080/subscribe/myscripts.js 可知，浏览器尝试从 /subscribe/ 子路径下加载 JS，但 Go 服务未为此路径注册处理器，故返回 404。
✅ 正确做法是：显式启用静态文件服务。假设你的项目结构如下：
myapp/ ├── main.go ├── ui/ │ ├── index.html │ └── myscripts.js ← 外部 JS 文件
你需要在 main.go 中添加 http.FileServer，并将静态资源目录（如 ui/）映射到一个 URL 前缀（推荐 /static/）：
package main
import (
"net/http"
)
func main() {
// 服务 HTML 页面（例如 /subscribe → 渲染 ui/index.html）
http.HandleFunc("/subscribe", func(w http.ResponseWriter, r *http.Request) {
http.ServeFile(w, r, "ui/index.html")
})
// ✅ 关键：为 /static/ 路径挂载静态文件服务
fs := http.FileServer(http.Dir("ui/"))
http.Handle("/static/", http.StripPrefix("/static/", fs))
// 启动服务器
http.ListenAndServe(":8080", nil)
}
然后，在 ui/index.html 中，将脚本引用改为绝对路径（基于 /static/）：
立即学习“Java免费学习笔记（深入）”；
Subscribe Page
⚠️ 注意事项：
- http.StripPrefix(“/static/”, fs) 是必需的：它移除请求路径中的 /static/ 前缀，使 fs 能在 ui/ 目录内正确查找 myscripts.js；
- 不要直接使用 http.Handle(“/static/”, fs)（不带 StripPrefix），否则会尝试在 ui/static/myscripts.js 查找，导致 404；
- 若坚持用相对路径（如 src=”myscripts.js”），请确保 HTML 所在路径与 JS 文件在同一级，并通过
统一基准（但更易出错，不推荐）； - 生产环境建议使用 http.FileSystem 结合 http.FS（Go 1.16+）或第三方库（如 statik）嵌入静态资源。
总结：Go 不是开箱即用的 Web 服务器（如 Nginx 或 Express），所有 HTTP 路由必须显式声明。静态资源 ≠ 动态路由，务必通过 FileServer + StripPrefix 显式暴露，这是解决 “HTML 加载外部 JS 404” 的根本方案。