使用Go与gorilla/mux时，文件服务器仅加载HTML无法访问图片

嘿，这问题其实很常见，我马上帮你揪出问题所在！

核心问题：路由匹配规则不对 #

你处理public目录静态文件的代码用了Router.Handle("/", ...)，这个方法只会匹配精确的根路径（也就是localhost:5000/）。当你访问localhost:5000/image.png时，这个路径和/不精确匹配，所以不会触发这个静态文件处理器，直接返回404。

而你处理图片的/static/路由用了PathPrefix("/static/")，这个方法会匹配所有以/static/开头的路径，所以/static/img1.png能正常被处理——这就是两者的关键区别！

修复方案 #

把public目录的静态文件路由改成用PathPrefix("/")，同时确保这条路由放在所有API路由的后面（gorilla/mux会按路由注册顺序匹配，先匹配API接口，剩下的路径再交给静态文件服务器）。

修改后的静态文件处理代码应该是这样的：

// 先注册所有API路由
customers := Router.PathPrefix("/customers").Subrouter()
customers.HandleFunc("/all", getAllCustomers).Methods("GET")
customers.HandleFunc("/{customerId}", getCustomer).Methods("GET")
customers.Use(middlewareFunc)

users := Router.PathPrefix("/users").Subrouter()
users.HandleFunc("/register", registerUser).Methods("POST")
users.HandleFunc("/login", loginUser).Methods("POST")

// 最后注册静态文件路由
var publicDir string
flag.StringVar(&publicDir, "public", "./public/", "Directory to serve the homepage")
Router.PathPrefix("/").Handler(http.StripPrefix("/", http.FileServer(http.Dir(publicDir))))

var dir string
flag.StringVar(&dir, "images", "./img/", "Directory to serve the images")
Router.PathPrefix("/static/").Handler(http.StripPrefix("/static/", http.FileServer(http.Dir(dir))))

为什么这样有效？ #

• PathPrefix("/")会匹配所有以/开头的路径（也就是所有未被前面API路由匹配的请求）
• http.StripPrefix("/", ...)会把请求路径的开头/去掉，然后去publicDir目录下找对应的文件（比如请求/image.png会变成image.png，正好对应public目录下的文件）
• 因为API路由先注册，所以/customers/all、/users/login这些路径会被优先匹配，不会被静态文件服务器拦截

验证效果 #

修改后再测试：

• 访问localhost:5000/依然能加载index.html
• 访问localhost:5000/image.png会正常返回图片
• 所有API接口的功能不受影响

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