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

目录

问题描述

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

问题解决

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

Content-Type: text/plain

正确的应该是

Content-Type: text/css

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

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

bash 复制代码
http {
    include mime.types;
}

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

相关推荐
一个处女座的程序猿O(∩_∩)O11 分钟前
完成第一个 Vue3.2 项目后,这是我的技术总结
前端·vue.js
与君共勉1213832 分钟前
Nginx 负载均衡的实现
运维·服务器·nginx·负载均衡
okok__TXF1 小时前
Nginx + Lua脚本打配合
nginx·lua
青灯文案11 小时前
前端 HTTP 请求由 Nginx 反向代理和 API 网关到后端服务的流程
前端·nginx·http
小屁不止是运维2 小时前
麒麟操作系统服务架构保姆级教程(五)NGINX中间件详解
linux·运维·服务器·nginx·中间件·架构
GIS开发特训营2 小时前
Vue零基础教程|从前端框架到GIS开发系列课程(七)响应式系统介绍
前端·vue.js·前端框架·gis开发·webgis·三维gis
Cachel wood2 小时前
python round四舍五入和decimal库精确四舍五入
java·linux·前端·数据库·vue.js·python·前端框架
学代码的小前端2 小时前
0基础学前端-----CSS DAY9
前端·css
一个处女座的程序猿O(∩_∩)O5 小时前
小型 Vue 项目,该不该用 Pinia 、Vuex呢?
前端·javascript·vue.js
恩爸编程10 小时前
探索 Nginx:Web 世界的幕后英雄
运维·nginx·nginx反向代理·nginx是什么·nginx静态资源服务器·nginx服务器·nginx解决哪些问题