CSS不起作用也不报错 nginx配置缺失导致

在将Vue项目部署到Nginx时,遇到页面加载正常但CSS不生效的状况。经过排查,确定为Nginx配置文件缺失导致,通过在http块中添加`include/etc/nginx/mime.types;default_typeapplication/octet-stream;`两条配置并重启Nginx,解决了CSS无法应用的问题。清除浏览器缓存后,页面显示恢复正常。

打包vue项目部署在nginx中,发现页面可以请求,但样式缺失,即css不起作用。但在本地调试没有问题,单独部署在tomcat中也没问题。 初步定位是nginx的问题。

各种百度、CSDN后,大部分都是js、css 404的问题,这与博主遇到的问题不一致,排除掉。

最终找到了几篇一致的问题及解决方案。 nginx配置缺失导致

解决方案:在nginx的 http 里加入两行配置:

 include       /etc/nginx/mime.types;
 default_type  application/octet-stream;

修改完后,重启nginx,并清除浏览器缓存,刷新页面

具体排障步骤、锁定问题及问题原因,请参考下面链接。

Nginx配置缺失导致CSS不起作用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值