Springboot+Vue前端刷新404的解决方法

最新推荐文章于 2024-05-13 19:25:07 发布
最新推荐文章于 2024-05-13 19:25:07 发布
阅读量943 收藏
点赞数
分类专栏： 前端 文章标签： spring boot vue.js html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shenjuntao520/article/details/120858808
版权

原因是因为没有定义404的页面，只需要在Springboot中加入如下代码即可

import org.springframework.boot.web.server.ConfigurableWebServerFactory;
import org.springframework.boot.web.server.ErrorPage;
import org
最低0.47元/天 解锁文章
我辈岂是蓬蒿人225
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
springboot中集成vue项目,vue项目路由history模式不能刷新和输入url访问问题
qq_34169240的博客
09-08 876
解决方法：启动类加上： @Bean public WebServerFactoryCustomizer<ConfigurableWebServerFactory> webServerFactoryCustomizer() { //第二种写法：java8 lambda写法 return (factory -> { ErrorPage errorPage404 = new ErrorPage(HttpStatus.NOT_FOUND, "/index.h..
vue history模式打包后，把dist文件放入springboot中resouser下，刷新页面报404
qq_34169240的博客
03-19 1883
原文链接：https://blog.csdn.net/ChOLg/article/details/103749007 问题 vue history模式打包后，把dist文件放入springboot中resouser/static下，刷新页面报404。 问题原因 正常情况下我们刷新页面，那么浏览器就会按照url去后台请求数据。但是在vue项目中，url只是在router中定义的跳转路径...
Spring Boot+Vue前后端分离，如何避免前端页面 404
2401_84093407的博客
05-13 892
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
vue打包到springboot项目下出现，vue页面刷新页面404错误/Whitelabel Error Page、无法直接通过路径访问Whitelabel Error Page
ACodeBird
12-28 7722
vue打包到springboot项目下出现，vue页面刷新页面404错误/Whitelabel Error Page、无法直接通过路径访问Whitelabel Error Page 问题描述 将vue项目整合进后端项目，部署服务器后，正常使用没有问题，但是只要刷新当前页面就总是返回404错误，Whitelabel Error Page，This application has no explici...
springboot vue 前后端分离后端本地跑没问题部署时请求404
xiao_kelai的博客
10-11 495
如果有context-path 在请求地址之前加上context-path中的/api,不然就把。前端已经配置，后端不用再配置了，以后404需要看一下地址里被添加的什么，有关地址的，查一遍就行。这个给去掉，我去掉后请求成功了，ohhhhhhhhhhhhhh。
基于SpringBoot+Vue的汽车租赁系统.zip
04-08
基于SpringBoot+Vue的汽车租赁系统是一个集成了前端和后端技术的汽车租赁平台，主要用于管理汽车租赁的信息，包括汽车信息、租赁订单和客户信息等。该系统的开发基于Java技术栈，涵盖了SpringBoot、Vue、MySQL等开发...
基于SpringBoot+Vue的前后端分离客户关系管理系统源码.zip
05-21
- OAuth2或者JWT刷新令牌机制，解决长期会话的问题。 - RESTful API设计遵循统一资源定位原则，如CRUD操作对应GET、POST、PUT、DELETE方法。 4. **数据库设计**： - 客户关系管理系统的数据模型通常包括客户信息...
vue+springboot+redis+kaptcha实现登录验证码
04-10
3. 前端Vue组件：创建一个Vue组件，用于显示验证码图片，并提供刷新验证码和提交验证码的功能。使用axios向后端发送请求，获取和验证验证码。 4. Redis配置：确保Redis服务运行正常，并在Spring Boot中配置Redis...
springboot+vue 在线报表设计和大屏设计系统源码.zip
06-09
【标题】"springboot+vue 在线报表设计和大屏设计系统源码"涉及的核心技术栈是Spring Boot和Vue.js，这两个技术在IT行业中被广泛应用于现代化的Web开发。Spring Boot是Java领域的轻量级框架，它简化了Spring应用程序...
tomcat部署springboot+vue.doc
04-22
`crossContext="true"`允许SpringBoot与Vue.js之间的跨上下文请求，解决可能出现的404问题。 6. **处理404错误**： 如果刷新页面出现404错误，我们需要在`dist`目录下创建一个名为`WEB-INF`的文件夹，并在其中创建...
vue项目部署到服务器后，在子页面刷新出现404
chizhilei2440的博客
03-25 1403
在官网上已给出原因https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90 这是由于vue-router默认 h...
若依vue项目部署步骤，避免刷新时出现404错误
热门推荐
孔子说
09-08 1万+
若依是一套非常好用的框架，在使用前后端分离版本部署时，使用tomcat部署后，页面访问一切正常，但是在刷新页面的时候出现了404错误，同样的配置尝试使用nginx部署了一套，就没有出现404问题，官方文档又没有特别多的说明，特此做了一些整理。 1、环境准备 先准备应用服务器，数据库服务器，redis服务器，当然可以共用一台服务器，安装jdk、mysql、tomcat/nginx、redis等软件。版本要求如下： JDK >= 1.8 (推荐1.8版本) Mysql >= 5.7.0 (推
Vue + SpringBoot项目服务器部署后浏览器刷新页面404错误分析和解决方案
qq_37225921的博客
09-01 3966
先贴解决方案代码，再分析原因 VUE前端代码 在App.vue页面的routet-view中加入v-if代码 <router-view v-if="isRouterAlive"></router-view> 再在App.vue页面js代码里引入provide方法并在data中声明变量isRouterAlive以及在method中添加reload方法 export default { name: 'app', provide() { return {
Maven打包Springboot+Vue项目后，刷新居然报了404
夜无星的博客
12-20 1345
使用Maven打包 vue 和 Spring boot 后 我找不到他了，浏览器告诉我404
后台解决springboot+Vue项目整合后，刷新页面出现404的问题
weixin_51542566的博客
10-21 2356
后台解决springboot+Vue项目整合后，刷新页面出现404，找不到页面的问题 解决方法： 在配置类中添加如下，将errorpage定向到index.html，代码如下 package com.ice.config; /** * @author 紫风 * @date 2021年10月11日 19:54 */ import org.springframework.boot.web.server.ErrorPage; import org.springframework.boot.web.serv
针对于vue和springboot项目联合的404，路径未找到问题解析
TeFruit的博客
01-08 1538
404以为着路径为找到 如图所示，访问的时候出现了404报错，首先应该看自己的访问路径，路径百分之80是因为没有找到， 一般情况下，问题的后面都或多或少有提示，某某个地方没有找到路径，如图所示，这个就提示demo并没有找到，接下来就是看后台代码了，一步一步的进行路径的捋顺，比如浏览器输入这个地址，这个地址访问先到那个页面，然后通过什么，连接到后台，又调用后台的方法，一层接着一层的找，一定会解决...
Idea+springboot+vue 前后端交互实现文字版
最新发布
06-21
Idea、SpringBoot和Vue.js是一个流行的技术栈组合，用于构建现代化的Web应用。它们之间的交互通常通过以下步骤实现： 1. **SpringBoot** (后端)： - SpringBoot是基于Spring框架的快速开发工具，提供了一系列预配置的组件，简化了构建生产级Web应用的过程。 - 它处理服务器端逻辑，包括RESTful API的创建，如控制器（Controller）负责处理HTTP请求和返回JSON响应。 2. **Vue.js** (前端)： - Vue.js是一个轻量级的JavaScript框架，专注于视图层，易于上手且性能优秀。 - 使用Vue.js，你可以创建可复用的组件（Component），这些组件通过前端路由（如vue-router）进行管理，用户界面与后端API数据进行绑定。 3. **前后端交互**： - **API调用**：当前端用户触发某个操作（点击按钮等），Vue.js组件会发送HTTP请求到SpringBoot提供的API路径（例如`/api/users`）。 - **JSON数据交换**：SpringBoot接收到请求后，执行相应的业务逻辑，如有必要查询数据库或执行其他操作，然后返回JSON格式的数据。 - **Vue.js处理响应**：前端收到数据后，更新页面状态（可能是局部刷新或整个页面重载），展示数据给用户。 具体步骤如下： - 在SpringBoot中，创建Controller并定义处理HTTP请求的方法，比如`@GetMapping("/users") public User[] getUsers() { ... }` - 在Vue.js组件的`methods`中编写函数，使用axios库发送GET或POST请求到SpringBoot的API地址，并处理返回的响应数据。 - 使用Vue.js的响应式系统，如`v-model`，将后端数据绑定到UI元素上。 相关问题--: 1. SpringBoot如何暴露RESTful API？ 2. Vue.js的生命周期钩子如何配合API调用？ 3. 如何保证前后端分离项目的同步与异步交互？

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值