dougang7521 2019-09-05 19:27
浏览 112
已采纳

样式表不适用于使用chi路由器的go html模板

I am working on a Go Web Application with the following project structure:

  • ui
    • templates
      • login.tmpl
    • static
      • css
        • theme.css
  • main.go

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.

  • 写回答

1条回答 默认 最新

  • douguanyun2169 2019-09-06 16:36
    关注

    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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 PointNet++的onnx模型只能使用一次
  • ¥20 西南科技大学数字信号处理
  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决!
  • ¥30 STM32 INMP441无法读取数据
  • ¥15 R语言绘制密度图,一个密度曲线内fill不同颜色如何实现
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧,别用大模型回答,大模型的答案没啥用
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。