🚀 优质资源分享 🚀

学习路线指引（点击解锁）	知识定位	人群定位
🧡 Python实战微信订餐小程序 🧡	进阶级	本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
💛Python量化交易实战💛	入门级	手把手带你打造一个易扩展、更安全、效率更高的量化交易系统

问题描述：

启动前端后，发现前端的页面渲染不符合预期，看情况应该是css文件没有生效。

排查步骤：

1. 查看有无报错信息。
   查看后台输出，没有可用的提示信息，如图：
   
2. 确认 css 的路径没错。
   前端打包后的文件目录如下：
   
   html 中的 css 路径如下：
   
   文件路径符合。
3. 确认前端有请求到css。
   再查看前端发送的请求，确实有请求css，但是 response 的Content-Type是text/plain。
   
   

排查到这里，基本就确定了原因——浏览器只会渲染Content-Type为text/css的css文件。

解决方法：

在 Nginx 配置文件中添加这两行代码即可。

# 引入MIME配置文件
include  /etc/nginx/mime.types;
# 指定默认的文件类型为 application/octet-stream
default_type  application/octet-stream;

Web服务器在收到静态资源的文件请求时，会进行以下操作：

1. 识别文件的后缀名；
2. 在服务器的MIME配置文件中找到对应的 MIME Type；
3. 根据 MIME Type 设置 response 的Content-Type。

因此，在使用Nginx作为代理服务器时，需要在nginx.conf 引入MIME配置文件。

参考资料：

Nginx(十八)mime.types的作用_wzj_110的博客

MIME 类型 - HTTP | MDN