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

目录

问题描述

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

问题解决

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

复制代码
Content-Type: text/plain

正确的应该是

复制代码
Content-Type: text/css

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

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

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

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

相关推荐
杨了个杨898231 分钟前
Keepalived + Nginx + HAProxy 高可用架构部署实战案例
java·nginx·架构
拉拉肥_King4 小时前
Vue 3 主题切换深度解析:从炫酷动画到零闪烁方案
前端·vue.js
川冰ICE5 小时前
JavaScript实战④|天气查询应用,调用API与异步处理
javascript·css·css3
杨梦馨5 小时前
万级数据表格卡死?Web Worker 一招搞定
前端·javascript·vue.js
哈撒Ki8 小时前
快速入门vue3与常见面试题
前端·vue.js·面试
艾伦野鸽ggg8 小时前
CSS容器查询和悬浮间隙问题
前端·css
云水一下9 小时前
Vue.js从零到精通系列(一):初识Vue——背景、环境与第一个应用
前端·javascript·vue.js
云水一下9 小时前
Vue.js从零到精通系列(二):响应式核心——ref、reactive、computed与watch
前端·javascript·vue.js
卤蛋fg610 小时前
vxe-table 列拖拽排序与行拖拽排序:让表格布局任意排序
vue.js
粉末的沉淀10 小时前
vue:Vite项目中高效管理纯色SVG图标的方案
前端·javascript·vue.js