Nginx failing to load CSS and JS files (MIME type error)
Nginx加载静态文件失败的解决方法(MIME type错误)
上线新的页面，需要在nginx上配置路由， 配置完成后发现页面没有正常加载，提示：style.css未加载，因为其MIME类型“text / html”不是“text / css” ； 线下nginx的配置是正常的，因此对比两者配置发现线上的ng的http 部分多了一行
add_header Content-Type ‘text/html; charset=utf-8‘;
将其注释即可；
重启nginx ，刷新后有时正常（两台机器修改了一台），说明已经生效；重启另外一台ng问题得到解决；
其他的解决办法：
配置文件：
/etc/nginx/nginx.conf
user ?nginx;worker_processes ?1;error_log ?/var/log/nginx/error.log warn;pid ???????/var/run/nginx.pid;events { ???worker_connections ?1024;}http { ???include ??????/etc/nginx/mime.types; ???default_type ?application/octet-stream; ???log_format ?main ?‘$remote_addr - $remote_user [$time_local] "$request" ‘ ?????????????????????‘$status $body_bytes_sent "$http_referer" ‘ ?????????????????????‘"$http_user_agent" "$http_x_forwarded_for"‘; ???access_log ?/var/log/nginx/access.log ?main; ???sendfile ???????on; ???#tcp_nopush ????on; ???keepalive_timeout ?65; ???#gzip ?on; ???include /etc/nginx/conf.d/*.conf;}/etc/nginx/conf.d/default.conf
server { ???listen ??????80; ???server_name ?localhost; ???#charset koi8-r; ???#access_log ?/var/log/nginx/log/host.access.log ?main; ???location / { ????????root ???/usr/share/nginx/html; ????????index ?index.html index.htm index.php; ????????fastcgi_pass ??127.0.0.1:9000; ????????fastcgi_index ?index.php; ????????fastcgi_param ?SCRIPT_FILENAME ?/usr/share/nginx/html$fastcgi_script_name; ????????include ???????fastcgi_params; ???} ???#error_page ?404 ?????????????/404.html; ???# redirect server error pages to the static page /50x.html ???# ???error_page ??500 502 503 504 ?/50x.html; ???location = /50x.html { ???????root ??/usr/share/nginx/html; ???} ???# proxy the PHP scripts to Apache listening on 127.0.0.1:80 ???# ???#location ~ \.php$ { ???# ???proxy_pass ??http://127.0.0.1; ???#} ???# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000 ???# ???#location ~ \.php$ { ???# ???root ??????????html; ???# ???fastcgi_pass ??127.0.0.1:9000; ???# ???fastcgi_index ?index.php; ???# ???fastcgi_param ?SCRIPT_FILENAME ?/scripts$fastcgi_script_name; ???# ???include ???????fastcgi_params; ???#} ???# deny access to .htaccess files, if Apache‘s document root ???# concurs with nginx‘s one ???# ???#location ~ /\.ht { ???# ???deny ?all; ???#}}/etc/nginx/mime.types
types {text/html html htm shtml;text/css css;text/xml xml;image/gif gif;image/jpeg jpeg jpg;application/x-javascript js;application/atom+xml atom;application/rss+xml rss;..........................................other types here..........................................}放置include /etc/nginx/mime.types;下的位置/ {而不是下http
Nginx failing to load CSS and JS files (MIME type error)
原文地址：https://www.cnblogs.com/lavin/p/nginx-css-load-as-text-html.html