在Spring Boot 的 static 中部署 Vue 应用，chunk.xxx.css 请求为404的原因及解决方案

2024-05-20 12:24:11

项目场景：

我正在做一个Spring Boot和Vue前后端分离的小项目，前端使用Vue+Vue Router+Vuex+axios，后端使用Spring Boot+Spring Security+Mybatis plus。当我把Vue打包完成的html css js放入static文件夹中，并打包成jar运行的时候，却不能访问某些界面。

报错信息

GET http://localhost:8080/css/chunk-721da9e7.1f8fd1e3.css net::ERR_ABORTED 404
GET http://localhost:8080/css/chunk-f9893a7a.1d54c165.css net::ERR_ABORTED 404

过程描述：

浏览器打开控制台，发现某些css文件加载发生404错误

打开404的网址后是未登录，被security拦截到了

以为是没有配置静态资源放行，但一想又不对，其他的css可以访问到

然后我就去看Vue打包之后的文件夹，确认是否有那个加载不到的css，打开之后发现，有两个为0KB的css文件

再将加载不到的css文件，正好是两个0KB的css文件

Vue的组件中确实有写了class但没有内容的style标签

将所有的Vue组件中只带有class而没有内容的标签删除，可以只删除.home{}，不删除style标签，重新打包

打包完成之后，打开dist文件夹查看css文件，确保没有0KB的文件，重新放入Spring Boot的static中，运行

成功访问！

总结：

这应该是使用Spring Security并且css文件为0KB的时候才会出现的问题，奈何本人菜鸟，没有继续深挖原因，有知道的大佬可以在评论区说一下

在Spring Boot 的 static 中部署 Vue 应用，chunk.xxx.css 请求为404的原因及解决方案相关推荐

spring项目搭建云服务器,Spring Boot项目打包并部署到云服务器
Spring Boot项目打包并部署到云服务器一.云服务器的环境 OS: CentOS 7 Jdk 1.8 Spring Boot自动集成Tomcat,不需要单独配置二.本地Spring Boot ...
如何在Spring Boot应用程序中使用配置文件
你好朋友, 在本教程中,我们将学习如何在Spring Boot应用程序中使用配置文件. 我们将在本教程中讨论以下几点: 1.什么是Spring Boot Profile,为什么我们需要分析 2.如何使 ...
Spring Boot idel 实现热部署
1. 相信大家很多都会说Spring Boot 实现热部署在POM 中加一个 spring-boot-devtools 就可以了,但是很多时候是不行的话,下面我就来带大家Spring Boot 如 ...
Spring Boot 提取pdf中的文字
Spring Boot 提取pdf中的文字提取pdf中的文字,由于字体不同,可能会提取出来乱码.(友情提示:建议先pdf文件转成图片,然后调用百度api提取文字,准确率高.跳转链接:https:// ...
Spring Boot 2.x中如何使用Log4j2记录日志
前沿技术早知道,弯道超车有希望积累超车资本,从关注DD开始上一篇我们介绍了Spring Boot 2.x中默认日志框架Logback的使用.今天继续说说日志,接下来我们要讲是前段时间爆出核弹漏洞的 ...
Spring Boot微服务中Chaos Monkey的应用
点击蓝色"程序猿DD"关注我哟有多少人从未在生产环境中遇到系统崩溃或故障?当然,你们每个人迟早都会经历它.如果我们无法避免失败,那么解决方案似乎是将我们的系统维持在永久性故障状态 ...
在使用Gradle构建的Spring Boot应用程序中覆盖Spring Framework版本
如果要使用或仅通过Spring Boot检查Spring的最新版本,但当前的Spring Boot版本取决于旧的Spring版本,则需要稍微调整Gradle构建配置. 例如,在撰写本文时,Spring ...
小程序中maring-top、maring-left、maring-right、maring-bottom失效/没有用的原因及解决方案
小程序中maring-top.maring-left.maring-right.maring-bottom失效/没有用的原因及解决方案我在做小程序的时候经常遇到这种情况,明明是设置好了maring- ...
Spring Boot 2.0 热部署指南
Spring Boot 2.0 支持热部署,实现方法很简单 Spring Boot 2.0 有几种热重载的选项. 推荐的方法是使用spring-boot-devtools 因为它提供了额外的开发时间功 ...
Spring Boot Serverless 实战系列“部署篇” | Mall 应用
作者:西流关注[Serverless]公众号,后台回复 "学习" 即可获得 Serverless 技术资源包! 导读: Spring Boot 是基于 Java Spring 框 ...

最新文章

热门文章