来自 Firefox 的错误：MIME 类型（“text/plain”）不匹配（X-Content-Type-Options: nosniff）
Posted
技术标签:
【中文标题】来自 Firefox 的错误：MIME 类型（“text/plain”）不匹配（X-Content-Type-Options: nosniff）【英文标题】：Error from Firefox: MIME type (“text/plain”) mismatch (X-Content-Type-Options: nosniff) 【发布时间】：2020-07-08 03:17:58 【问题描述】：我正在用 Go 构建一个 Web 应用程序。在我尝试将我的 index.html 文件链接到名为 index.js 的 javascript 文件之前，我在这个项目中没有遇到任何问题：
<script type="text/javascript" src="javascript/index.js"></script>
我在 Firefox 中得到的确切错误是：
“https://10.78.80.22:8000/javascript/index.js”的资源由于 MIME 类型（“text/plain”）不匹配（X-Content-Type-Options: nosniff）而被阻止
我一直在进行广泛的故障排除。我发现与此错误有关的所有解决方案均未成功。只有一篇文章是针对特定的，但解决方案没有帮助。我已经确保js文件的路径是正确的。
我正在使用 gorilla 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>
【问题讨论】：
在浏览器地址栏中输入javascript/index.js解析的URL，并确认您获得了您期望的文件。
@MuffinTop 抱歉回复晚了。我想我需要一些澄清，因为我以前从未这样做过。如果我在地址栏中输入“10.78.80.22:8000/javascript/index.js”，我会收到 404 错误。但是，如果我将地址输入到我确定应该加载的页面，例如“10.78.80.22:8000/index.html”，我也会收到 404 错误。这让我相信我输入的地址不正确，因为我不确定它是如何工作的。为了您的方便，我编辑了我的初始帖子以反映我的项目结构。谢谢！
我猜javascript/index.js 是纯文本未找到页面。问题中没有足够的信息来提供进一步的帮助。目前尚不清楚javascript/index.js 的绝对路径是什么或它如何映射到任何处理程序。
@MuffinTop index.js 的绝对路径是“/home/marc/compositum/templates/javascript”。索引处理程序已作为另一个编辑添加到我的原始帖子中。谢谢！
@MuffinTop 为了您的方便，我还添加了 index.html。再次感谢！
【参考方案1】：
我与一位后端开发人员交谈，结果发现我对如何提供静态文件没有正确的理解。我没有用于提供静态文件的文件系统。我通过添加一个文件服务器来处理我的路由解决了这个问题：
fileServer := http.FileServer(http.Dir("./static/")
r.PathPrefix("/static/", fileServer)
将 index.js 添加到我新创建的“静态”目录后，一切正常。
谢谢！
【讨论】：
以上是关于来自 Firefox 的错误：MIME 类型（“text/plain”）不匹配（X-Content-Type-Options: nosniff）的主要内容，如果未能解决你的问题，请参考以下文章
来自 AWS Elastic Beanstalk 的 Mime 类型错误