在Go 的「編寫Web 應用程式」教學中,使用者經常會遇到提供CSS 和JS 檔案的困難。本指南提供了解決此問題的逐步說明,確保您的 Go 應用程式能夠有效地交付這些重要資源。
要提供靜態文件,您需要與此類似的文件結構:
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 檔案中,使用適當的URL 路徑引用您的資源:
<link rel="stylesheet" href="/css/style.css"> <script src="/js/script.js"></script>
完成這些配置後,更新後的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中文網其他相關文章!