Nginx部署Vue项目css文件能加载但是不生效

目录

• • 问题描述
  • 问题解决

问题描述

Nginx部署打包后的Vue项目css文件能加载但是不生效，

问题解决

查看响应标头，发现不对劲，

Content-Type: text/plain

正确的应该是

Content-Type: text/css

根本原因是nginx没有告诉浏览器正确的文件类型

所以在nginx配置文件上引入一个类型文件就可以

http {
    include mime.types;
}

重启nginx后，css文件生效，显示正常了