go - 使用 go 通过 http 提供静态文件

Question

在我的 html 中，我试图包含 JS 使用

<script src="/js/app.js"></script>

我也试过相对路径(从服务器位置)

<script src="js/app.js"></script>

和 html 文件中的相对关系

我的文件结构

-js
    app.js
-templates
    index.html
hub.go
main.go

main.go 是服务器

func main() {
    http.HandleFunc("/", rootHandler)
    http.ListenAndServe(":8080", nil)
}

func rootHandler(w http.ResponseWriter, r *http.Request) {
    http.ServeFile(w, r, "Templates/index.html")
}

我是否遗漏了某些东西，我必须通过服务器来提供 css/js 服务吗？或者简单的 html 应该工作

Answer 1

要通过 http 提供文件，请为目录定义一个 FileServer，然后使用 http.Handle 将其路由到例如 "/assets/"。
以下设置应该适合您:

目录结构:

├── assets/
│   ├── js
│   └── css
├── templates/
└── main.go

主.go

func main() {
    http.HandleFunc("/", rootHandler)
    http.Handle("/assets/", http.StripPrefix("/assets/", http.FileServer(http.Dir("assets"))))
    http.ListenAndServe(":8080", nil)
}

func rootHandler(w http.ResponseWriter, r *http.Request) {
    http.ServeFile(w, r, "templates/index.html")
}

在你的模板文件中:

<script src="/assets/js/app.js"></script>