来自 Firefox 的错误：MIME 类型（“text/plain”）不匹配（X-Content-Type-Options：nosniff）

Question

我正在用 Go 构建一个网络应用程序。在我尝试使用 link 我的 index.html 文件到名为 index.js 的 javascript 文件之前，我在这个项目中没有遇到任何问题：

<script type="text/javascript" src="javascript/index.js"></script>

我在 Firefox 中得到的确切错误是：

The resource from “https://10.78.80.22:8000/javascript/index.js” was blocked due to MIME type (“text/plain”) mismatch (X-Content-Type-Options: nosniff)

我一直在进行广泛的故障排除。我找到的与此错误相关的所有解决方案都没有成功。只有一个 post 是特定于 go 的，但解决方案没有帮助。我已经确保js文件的路径是正确的。

我正在使用大猩猩 mux 来处理路由。这是一个代码示例：

r := mux.NewRouter()
r.HandleFunc("/", middleware.AuthRequired(indexGetHandler)).Methods("GET")
r.HandleFunc("/", middleware.AuthRequired(indexPostHandler)).Methods("POST")
r.HandleFunc("/login", loginGetHandler).Methods("GET")
r.HandleFunc("/login", loginPostHandler).Methods("POST")
r.HandleFunc("/logout", logoutHandler).Methods("GET")
r.HandleFunc("/register", registerGetHandler).Methods("GET")
r.HandleFunc("/register", registerPostHandler).Methods("POST")
r.HandleFunc("/clumps", middleware.AuthRequired(clumpsGetHandler)).Methods("GET")
r.HandleFunc("/clumps", middleware.AuthRequired(clumpsPostHandler)).Methods("POST")   
log.Fatal(http.ListenAndServeTLS(":8000", "cert/cert.pem", "cert/key.pem", r))

下面是我项目的相关结构：

main.go
>routes
    routes.go
>templates
    index.html
    >javascript
        index.js

请注意上面的“代码示例”位于routes.go

这是我的 main.go 文件供您参考：

package main

import (
    "log"
    "net/http"

    "./routes"
    "./templates"
)

func main() {
    templates.LoadTemplates("templates/*.html")
    r := routes.NewRouter()
    log.Fatal(http.ListenAndServeTLS(":8000", "cert/cert.pem", "cert/key.pem", r))
}

编辑：这是索引获取处理程序（位于路由文件夹中）。如果 post 处理程序有帮助，请告诉我，但它似乎不相关：

func indexGetHandler(w http.ResponseWriter, r *http.Request) {
    templates.Execute(w, "index.html", nil)
}

这里是 index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Compositum</title>
</head>
<body>
    {{ if . }}
    <div class="error">{{ . }}</div>
    {{ end }}
    <h1>Fill it out:</h1>
    <form method="POST">
        Name: <input name = "name"></textarea><br>
        URL: <input name = "url"></textarea><br>
        Login: <input name = "login"></textarea><br>
        Email: <input name = "email"></textarea><br>
        Password: <input name = "password"></textarea><br>
        <div>
            <button type="submit">Save</button>
        </div>
    </form>
    <!-- {{ range . }}
    <div>{{ . }}</div>
    {{ end }} -->
    <script type="text/javascript" src="javascript/index.js"></script>
</body>
</html>

Answer 1

我与后端开发人员交谈，结果证明我对静态文件的服务方式没有正确的理解。我没有用于提供静态文件的文件系统。我通过添加一个我处理路由的文件服务器解决了这个问题：

fileServer := http.FileServer(http.Dir("./static/")
r.PathPrefix("/static/", fileServer)

将 index.js 添加到我新创建的“静态”目录后，一切正常。

谢谢！

来自 Firefox 的错误：MIME 类型（“text/plain”）不匹配（X-Content-Type-Options：nosniff）

Error from Firefox: MIME type (“text/plain”) mismatch (X-Content-Type-Options: nosniff)

html

javascript

backend

go

mux