由于MIMEtypes不匹配，资源被阻止

The resource from “[URL and name of file]” was blocked due to MIME type mismatch (X-Content-Type-Options: nosniff). 为我所有的CSS和JavaScript文件。

我目前的设置是使用Express和Express-Handlebars进行路由和模板的node.js服务器。 我确定这个问题是由我的路由文件，这将有处理像/movies/:id或/search/query:路线的请求。 我有点解决了这个问题，在我的main.hbs文件（默认主模板）中创build了两个链接到CSS和Javascript文件，其中一个链接是/ ，另一个是/something/something 。 我知道可怕的做法。 但直到现在，它的工作。

但是这就是为什么我一劳永逸求解MIMEtypes不匹配错误的原因。 因为当我将其上传到我的数字海洋服务器时，它根本不起作用。 我不知道如何解决这个问题。

我的文件结构如下：

 / views/ css/ js/ layouts/ main.hbs index.js 

在index.js中，我有代码来设置句柄和一些代码pipe理CSS和JavaScript文件。

 app.engine('.hbs', exphbs({ defaultLayout: 'main', extname: '.hbs', layoutDir: path.join(__dirname, 'views/layouts') })); app.set('view engine', '.hbs'); app.set('views', path.join(__dirname, 'views')); app.use(express.static(__dirname + '/views')); 

一个路线的例子是

 app.get('/search/:query', (request, response) => { // Code goes here }); 

我真的被困在做什么。 我觉得我已经到了互联网的各个angular落，我无法find解决我的问题。

任何帮助，将不胜感激。

Answer 1

这与点有关。 我有同样的问题。 我发现我的所有文件都是以filename.min.js的forms出现的。 所以我删除了第一个点，并将文件名更改为filenamemin.js，它工作。 也许表示读取第一个点之后的所有内容作为文件扩展名。