nginx CSS JS加载失败

问题

将网站部署到nginx之后，网页可以打开，但样式全都没有加载，浏览器里按下F12键，console有报错：

Resource interpreted as Stylesheet but transferred with MIME type text/plain

文件已经被找到，但是解析的格式不正确。
 

原因

需要引入mime.types这个文件，如果不指定mime type，则默认会以text/plain的形式处理，也就是说，浏览器会以纯文本的形式来处理css和js文件，所以无法正常加载样式。

解决办法

在Nginx的配置文件中指定默认的MIME type，从上面的引用中，我们得知一般指定为application/octet-stream即可,修改配置文件nginx.conf, 在http{ }中添加下面两行：

     include mime.types;
     default_type application/octet-stream;

然后重启nginx

如果浏览器刷新后还没显示样式，可以再尝试清空浏览器缓存