I am working on a Go Web Application with the following project structure:
My main.go code (only showing relevant parts for brevity). I am using chi router.
func main() {
r := chi.NewRouter()
var templates *template.Template
templates = template.Must(template.ParseGlob("ui/templates/*.tmpl"))
fileServer := http.FileServer(http.Dir("./ui/static/"))
r.Handle("/static/", http.StripPrefix("/static/", fileServer))
log.Fatal(http.ListenAndServe(":8080", r))
}
login.tmpl code for including css:
<head>
<link rel="stylesheet" href="/static/css/theme.css">
</head>
Problem:
When this code runs, the html generates ok but the css is not applied to the page. In Chrome console, I see this error:
Refused to apply style from 'http://localhost:8080/static/css/theme.css' because its MIME type ('text/plain') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
When using the chi router you have to use the * wildcard character at the end of the pattern to make the file server work.
r.Handle("/static/*", http.StripPrefix("/static/", fileServer))
https://github.com/go-chi/chi/blob/master/_examples/fileserver/main.go