打包vue项目部署在nginx中,发现页面可以请求,但样式缺失,即css不起作用。但在本地调试没有问题,单独部署在tomcat中也没问题。 初步定位是nginx的问题。
各种百度、CSDN后,大部分都是js、css 404的问题,这与博主遇到的问题不一致,排除掉。
最终找到了几篇一致的问题及解决方案。 nginx配置缺失导致。
解决方案:在nginx的 http 里加入两行配置:

include /etc/nginx/mime.types;
default_type application/octet-stream;
修改完后,重启nginx,并清除浏览器缓存,刷新页面。
具体排障步骤、锁定问题及问题原因,请参考下面链接。
在将Vue项目部署到Nginx时,遇到页面加载正常但CSS不生效的状况。经过排查,确定为Nginx配置文件缺失导致,通过在http块中添加`include/etc/nginx/mime.types;default_typeapplication/octet-stream;`两条配置并重启Nginx,解决了CSS无法应用的问题。清除浏览器缓存后,页面显示恢复正常。

6952

被折叠的 条评论
为什么被折叠?



