使用HandleFunc结合模板时无法加载CSS及图片问题求助

嘿，我刚看完你的问题——你已经成功把HTML模板部署运行了，但静态资源加载失败，核心原因其实很简单：你的Go程序目前只处理了根路径的页面请求，完全没管/css/、/img/这些静态资源的路由，浏览器请求这些文件时服务器返回404，自然没法生效。

直接可用的修复方案 #

修改你的main.go里的main函数，添加静态资源的文件服务配置：

func main() {
    // 保持原有的页面路由
    http.HandleFunc("/", emailListHandler)
    
    // 创建指向static目录的文件服务器
    fs := http.FileServer(http.Dir("static"))
    // 把静态资源路径映射到对应的目录，注意用StripPrefix去掉URL前缀
    http.Handle("/css/", http.StripPrefix("/css/", fs))
    http.Handle("/img/", http.StripPrefix("/img/", fs))
    http.Handle("/templates/", http.StripPrefix("/templates/", fs))
    
    fmt.Println(http.ListenAndServe(":8080", nil))
}

还要调整模板里的资源引用路径 #

你现在header.html里的CSS引用是../css/main.css，这个相对路径在部署后会出问题，改成绝对路径：

<link rel="stylesheet" type="text/css" href="/css/main.css">

这样浏览器会直接请求http://你的域名/css/main.css，就能被我们配置的文件服务器正确返回了。

顺便理清Handle和HandleFunc的区别 #

• http.HandleFunc：用来绑定你自己写的自定义处理函数，比如你渲染页面的emailListHandler，负责处理特定路径的业务逻辑
• http.Handle：用来绑定实现了http.Handler接口的现成处理器，比如FileServer返回的就是专门处理静态文件请求的标准处理器，适合直接用来托管静态资源

为啥你之前试了没生效？ #

你之前尝试过Handle但没成功，大概率是没加http.StripPrefix——比如请求/css/main.css时，如果不用StripPrefix，FileServer会去static/css/css/main.css找文件（多了一层前缀），自然找不到对应的资源。

内容的提问来源于stack exchange，提问作者Jeremy McArthur