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

目录

问题描述

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

问题解决

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

复制代码
Content-Type: text/plain

正确的应该是

复制代码
Content-Type: text/css

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

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

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

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

相关推荐
@yanyu66613 小时前
登录注册功能-明文
vue.js·springboot
里欧跑得慢16 小时前
17. Flutter Hero动画实现:让界面过渡更加优雅
前端·css·flutter·web
Jinkxs16 小时前
LoadBalancer- 主流负载均衡工具盘点:Nginx / Haproxy / Keepalived 基础介绍
运维·nginx·负载均衡
滕青山17 小时前
在线PDF拆分工具核心JS实现
前端·javascript·vue.js
ReaF_star18 小时前
【安全】SSL证书更新操作手册(Nginx+Cloudflare+acme.sh)
nginx·安全·ssl
凯瑟琳.奥古斯特19 小时前
Redis是什么及核心特性
前端·css·redis·缓存
DFT计算杂谈19 小时前
VASP官方教程 TRIQS DFT+DMFT计算教程
运维·css·自动化·html·css3
云动课堂20 小时前
【运维实战】Nginx 高性能Web服务 · 一键自动化部署方案 (适配银河麒麟 V10 / openEuler / CentOS 7/8)
运维·前端·nginx
可达鸭小栈1 天前
易语言实现CSS像素文字生成器:无需字体文件渲染汉字
前端·css
光影少年1 天前
前端在页面渲染优化和组件优化经验?
前端·vue.js·react.js·前端框架