如何在我的 Go Web 应用程序中高效地提供静态资源（CSS 和 JS）？

在 Go 中提供资产：综合指南

在 Go 的“编写 Web 应用程序”教程中，用户经常会遇到提供 CSS 和 JS 文件的困难。本指南提供了解决此问题的分步说明，确保您的 Go 应用程序能够有效地交付这些重要资源。

文件结构和 URL 路径

要提供静态文件，您需要与此类似的文件结构：

go-app/
├── assets
│   ├── css
│   │   └── style.css
│   └── js
│   │   └── script.js
├── main.go
├── index.html

定义资源的 URL 路径时，有一些选项：

1。从“/”提供服务：

http.Handle("/", http.FileServer(http.Dir("css/")))

这提供根 URL (/) 处的 CSS 目录。

2.使用前缀：

http.Handle("/static/", http.FileServer(http.Dir("static")))

这将为所有静态文件路径添加“/static”前缀。因此，CSS 文件可在 /static/css/style.css.

3 处访问。剥离前缀：

http.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("static"))))

这会在提供文件之前删除前缀。因此，可以在 /css/style.css 访问 CSS 文件。

HTML 参考

在 HTML 文件中，使用适当的 URL 路径引用您的资源：

<link rel="stylesheet" href="/css/style.css">
<script src="/js/script.js"></script>

更新了 main.go

完成这些配置后，更新后的 main.go 文件应该类似于this:

func main() {
    http.HandleFunc("/view/", makeHandler(viewHandler))
    http.HandleFunc("/edit/", makeHandler(editHandler))
    http.HandleFunc("/save/", makeHandler(saveHandler))
    http.HandleFunc("/", makeHandler(indexHandler))

    http.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("static"))))

    http.ListenAndServe(":8080", nil)
}

通过实施这些建议，您可以确保您的 Go 应用程序成功提供 CSS 和 JS 文件，从而提供完整且功能齐全的用户体验。

以上是如何在我的 Go Web 应用程序中高效地提供静态资源（CSS 和 JS）？的详细内容。更多信息请关注PHP中文网其他相关文章！