打包vue项目部署在nginx中,发现页面可以请求,但样式缺失,即css不起作用。但在本地调试没有问题,单独部署在tomcat中也没问题。 初步定位是nginx的问题。
各种百度、CSDN后,大部分都是js、css 404的问题,这与博主遇到的问题不一致,排除掉。
最终找到了几篇一致的问题及解决方案。 nginx配置缺失导致。
解决方案:在nginx的 http 里加入两行配置:
include /etc/nginx/mime.types;
default_type application/octet-stream;
修改完后,重启nginx,并清除浏览器缓存,刷新页面。
具体排障步骤、锁定问题及问题原因,请参考下面链接。