设置 gorilla mux 变量时，静态文件路径出现错误

在设置 Gorilla Mux 变量时，出现了静态文件路径错误。调用 URL http://server/foo 时，一切正常，但调用 http://server/bar/{id:[0-9]+} 时，会出现错误消息“mime 类型不匹配”。错误路径中包含 /bar，导致浏览器在错误的位置查找文件。解决方案是确保静态文件和 HTML 文件中使用绝对路径。

我设置了以下路由：

func (app *application) routes() *mux.router {
    r := mux.newrouter()
    fs := http.fileserver(http.dir("./ui/static/"))
    r.pathprefix("/ui/static/").handler(http.stripprefix("/ui/static/", fs))

    authrequired := r.pathprefix("/").subrouter()

    authrequired.handlefunc("/foo", app.foo).methods("post") // <- this one works fine
    authrequired.handlefunc("/bar/{id:[0-9]+}", app.bar) // <- this does not

    return r
}

当我调用 url http://server/foo 时，一切都很好。

例如http://server/bar/1 网站已交付，但我收到如下错误消息

The resource "http://server/bar/ui/static/css/style.css" has been blocked due to mime type mismatch

http://server/bar/ui/static/... 中的 /bar 不应该在那里。我该如何解决这个问题？

解决方案

the resource "http://server/bar/ui/static/css/style.css" has been blocked due to mime type mismatch

“mime 类型不匹配”错误有时是由于找不到文件以及浏览器收到一些默认响应而导致的，该响应的正文包含不 css，但可能只是一些纯文本或 html大多数。

如果您查看导致错误的路径：

http://server/bar/ui/static/css/style.css

然后是您注册静态文件处理程序的路径：

r.PathPrefix("/ui/static/").Handler( ...

您将看到浏览器在错误的位置查找文件，如果您认为此特定错误是在您使用 /bar 时发生的，您可以推断问题是由由 /bar 处理程序提供的 html（和/或由 html 正确链接的静态文件）。

因此解决方案是在静态文件和 html 文件中使用绝对路径。

当我调用 url http://server/foo 时，一切都很好。

请注意，/foo 似乎是在 post 方法下注册的，这样的端点不会导致浏览器发出对静态文件的后续请求，就像返回 get 端点的 html 一样，因此它没有理由失败静态文件“mime 类型不匹配”错误。

今天带大家了解了的相关知识，希望对你有所帮助；关于Golang的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~