在springboot的项目框架中,当我们访问前端页面时,当出现404(静态资源不存在的时候)

在springboot的项目框架中,当我们把静态页面放在Resource下面的时候当我们访问前端页面时,当出现404(静态资源不存在的时候),如果我们使用的是MVC的架构的时候,

第一种解决方案:静态资源映射

此时我们需要创建一个配置类,这个类继承WebMvcConfigurationSupport

完后并重写里面的addResourceHandlers方法,完后通过registry来调用addResourceHandlers来指定我们需要访问的资源路径 ,完后通过addResourceLocations 来映射我们本地的路径下的资源

最后我们访问我们需要的路径就可以正常访问了,就不会报404

第二种解决方案:就是在Resource目录下面创建一个文件夹static ,这个是springboot定义的静态资源的默认的访问路径。

参考资源链接:[springboot+vue基于springboot+vue的在线家具商城设计与实现java毕业论文.doc](https://wenku.youkuaiyun.com/doc/1inrwqu9br?utm_source=wenku_answer2doc_content) 整合Vue前端页面SpringBoot项目中,关键是要理解前后端分离的架构思想。在这种架构下,前端Vue应用和后端SpringBoot服务通过API接口进行通信,前端负责展示界面和用户交互,后端负责数据处理和业务逻辑。 首先,你需要创建一个SpringBoot项目,这可以通过Spring Initializr在线工具快速完成。完成后,你将得到一个基本的后端框架,其中包含一个主应用类和一个基础的Hello World Controller。 接下来,创建Vue前端项目。可以使用Vue CLI来快速搭建项目结构,并开发前端页面。在Vue项目中,你需要配置axios或其他HTTP客户端来与SpringBoot后端进行通信。 确保你的SpringBoot项目配置了跨域资源共享(CORS),以允许前端应用通过HTTP请求与之交互。这通常通过在SpringBoot的配置类中添加`@CrossOrigin`注解或者配置全局CORS策略来实现。 在SpringBoot项目中,你可能需要创建RESTful API来处理前端请求,例如使用@RequestMapping注解来定义接口。而Vue前端则通过HTTP请求调用这些API,获取数据或执行操作。 最后,将Vue应用构建为静态资源,并将其部署到SpringBoot应用中。通常,构建后的Vue文件可以放在SpringBoot应用的`src/main/resources/static`目录下,SpringBoot会自动将这个目录下的资源作为静态内容服务出去。 通过上述步骤,你就能在保持前后端分离的同,将Vue前端页面成功整合到SpringBoot项目中。若希望进一步学习相关技术,可参考《springboot+vue基于springboot+vue的在线家具商城设计与实现java毕业论文.doc》这份资料,它提供了从设计到实现的详细指导和完整示例。 参考资源链接:[springboot+vue基于springboot+vue的在线家具商城设计与实现java毕业论文.doc](https://wenku.youkuaiyun.com/doc/1inrwqu9br?utm_source=wenku_answer2doc_content)
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Agnoni

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值