vue+springboot部署后刷新页面报404找不到路径

最新推荐文章于 2024-02-26 16:53:04 发布
原创 最新推荐文章于 2024-02-26 16:53:04 发布 · 2.2k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #spring

vue+springboot项目刷新页面报404

vue打包后每次刷新页面都会报404，就很烦，
是因为路由模式的问题，只需要将路由模式改为history，然后在vue的router的index.js文件中加入以下代码即可

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

添加代码后刷新后就不会报错了

后台解决springboot+Vue项目整合后，刷新页面出现404的问题
weixin_51542566的博客
10-21 2874
后台解决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
SpringBoot前后端分离Vue去掉url中#刷新页面报404错误
万谷博客
01-09 1414
原文链接：https://blog.wanvale.com/archives/126/ 概述 对前端不是很熟悉，在做SpringBoot+Vue前后端分离项目时，使用vue-router-history去掉url中的“#”后，发现刷新前端或者直接访问url会报404 问题分析 项目的前后端是分别放在不同服务器上的 静态页面使用Nginx部署在服务器A上 SpringBoot项目用jar包方式部署在服务器B上 研究了很久，发现原因在于Vue使用history-mode后，输入URL直接访问或刷新时不会经过ro
【SpringBoot】vue刷新页面404错误，自定义指向页面
Mr_EvanChen的Blog
11-01 6750
问题描述      将vue项目整合进后端项目，部署服务器后，正常使用没有问题，但是只要刷新当前页面就总是返回404错误，Whitelabel Error Page，This application has no explicit mapping for /error, so you are seeing this as a fallback。上网查看很多原因，有的说是没有配置视图解析器，有的说...
Vue + Spring Boot History模式 打包后 刷新404问题
bestone_1987的专栏
04-14 4710
此次主要是vue项目打包后，放在spring-boot后端，整合一起打包。访问页面，刷新出现404的情况。此处不用纠结是否真的前后端分离的情况 一、修改history模式 修改router\index.js，加入mode: 'history这句话。整体代码如下： Vue.use(Router) const VueRouterPush = Router.prototype...
spring boot整合vue页面刷新出现404
u010429481的博客
11-14 1737
解决方法：在配置类中添加如下，将errorpage定向到index.html @Bean public WebServerFactoryCustomizer<ConfigurableWebServerFactory> webServerFactoryCustomizer(){ return factory -> { ErrorPage error404...
部署VUE+SpringBoot+nginx项目
最新发布
hzp666的博客
02-26 1400
本文是前端是vite + element-plus后端 springBoot部署整个项目主要分为3个步骤，1. 部署nginx，主要是配置nginx.conf2.打包前端代码3.打包后端代码。
Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
12-09
然而，这种模式下，服务器需要正确配置以处理动态路由，否则当直接访问或刷新非根路径时，服务器会尝试寻找对应的静态资源，找不到就会返回404错误。 Vue官方文档中提到了解决这个问题的基本思路，即需要服务器在...
Vue+SpringBoot部署踩坑总结
zbc555day的博客
03-13 857
Vue+SpringBoot部署踩坑总结 Vue集成SpringBoot后路径错误： ①静态文件路径默认设置错误：config/index.js中assetsPublicPath内容改为’./'; (参考引用：https://blog.csdn.net/GYL20171020/article/details/81812451) ②字体引用默认设置错误：build/webpack.prod....
Vue+Springboot部署到云服务器教程，超详细图文解析
Viper的程序员修炼手册
03-24 1675
Nginx部署Vue项目 很多小伙伴在做完Vue项目之后，想要部署到服务器上自己运行试试。其实使用Nginx就可以轻松的做到，并且实现请求转发等功能。下面来看看使用步骤吧。 使用Nignx部署Vue项目步骤 1.打包Vue项目 npm run build 首先使用打包命令打包Vue项目，之后得到一个dist文件夹。这里面存放的是已经打包好的静态资源文件。 注意：这里不同的项目打包的命令可能不一样，具体配置可以在index.js里查看 不同的项目结构不一样哦。我使用的是vue-element-admi
超详细SpringBoot+Vue项目部署(两个Vue项目)
热门推荐
qq_52030824的博客
09-18 2万+
超详细SpringBoot+Vue项目部署(两个Vue项目)
Spring Boot+Vue前后端分离，如何避免前端页面 404
01-08
问题倒不难，但是这个问题之前被松哥忽略了。前两天有小伙伴提出这个疑问，我觉得有必要写篇文章和大家捋一捋这个问题。 先来看一个简短的视频： 视频地址 一个简单的配置就解决掉 404 问题了，接下来，我再来把这件事的来龙去脉和大家仔细捋一捋。 1.职责划分 在传统的前后端不分的开发中，权限管理主要通过过滤器或者拦截器来进行（权限管理框架本身也是通过过滤器链来实现功能），如果用户不具备某一个角色或者某一个权限，则无法访问某一个页面。 但是在前后端分离中，页面的跳转统统交给前端去做，后端只提供数据，这种时候，权限管理不能再按照之前的思路来。 首先要明确一点，前端是展示给用户看的，所有的菜单显示或者隐藏
vue打包到springboot项目下出现，vue页面刷新页面404错误/Whitelabel Error Page、无法直接通过路径访问Whitelabel Error Page
ACodeBird
12-28 8012
vue打包到springboot项目下出现，vue页面刷新页面404错误/Whitelabel Error Page、无法直接通过路径访问Whitelabel Error Page 问题描述 将vue项目整合进后端项目，部署服务器后，正常使用没有问题，但是只要刷新当前页面就总是返回404错误，Whitelabel Error Page，This application has no explici...
Maven打包Springboot+Vue项目后，刷新居然报了404
夜无星的博客
12-20 1596
使用Maven打包 vue 和 Spring boot 后 我找不到他了，浏览器告诉我404
Vue + SpringBoot项目服务器部署后浏览器刷新页面404错误分析和解决方案
qq_37225921的博客
09-01 4324
先贴解决方案代码，再分析原因 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 {
springboot+vue部署后出现springboot后端部分页面404
qq_61887118的博客
09-16 2316
springboot vue前后端分离项目中request请求路径失败，代理设置解决
vue history模式打包后，把dist文件放入springboot中resouser下，刷新页面报404
qq_34169240的博客
03-19 2003
原文链接：https://blog.csdn.net/ChOLg/article/details/103749007 问题 vue history模式打包后，把dist文件放入springboot中resouser/static下，刷新页面报404。 问题原因 正常情况下我们刷新页面，那么浏览器就会按照url去后台请求数据。但是在vue项目中，url只是在router中定义的跳转路径...
vue项目打包部署后二级页面刷新变成404问题
水越帆的博客
08-16 5397
因为我是vue+springboot项目整合后一起部署在Tomcat，排查起来更加麻烦，部署后一开始觉得没问题，功能都正常，但一点击浏览器刷新，变成了404 坑了半天最后发现是路由模式的设置问题（router\index.js），本来是历史模式history, 主要是使用历史记录模式时，URL将显示为“正常”，例如http://localhost:8888/user。 但...
Springboot+React/Vue前端路由刷新，报404错误解决
Aspirin's Nest
02-27 1421
前端路由可以跳转，但是如果在地址栏回车刷新这个路由会报404.究其原因是因为，浏览器把前端路由当做一个后端路由去后台请求，后台没有这个路由当然就会报错。 知道原因了，我们只需要在启动类中设置当报404以后让它跳转回登录页面即可。（一般由于前端做了设置，登录以后不需要再登录，所以能够跳转到所需要的位置，所以在视觉上起到了刷新没有问题的效果） @Bean public WebServerFactoryCustomizer<ConfigurableWebServerFactory>.
系统接口404异常,终极解决SpringBoot+Vue404接口报错,
m0_74076532的博客
12-18 5117
为什么会出现404接口报错，这是因为我们在写前端的页面需要请求后端的数据的的时候，然后我们前后端对应不上，也就是前端所传出去的接口后端并没有找到对应的(如果找到对应的不会报这个错误)我们通常在做前后端联调的时候会创建一个基本的baseURL,首先我们要确保自己的前端的基本url和后端一致，这里最容易出错的地方就是后端的端口位置不要写错。如图所示，我们在实际的开发Vue过程中会遇到像这样的接口问题的报错，笔者在这里声明这种问题是开发中很简单的一个问题，大家遇到了也不用过多的担心。
Nginx部署Vue+SpringBoot常见问题与解决方案
本文围绕“Nginx部署Vue+SpringBoot问题解决”这一主题，深入剖析了从项目构建、服务器环境搭建到具体Nginx配置优化的全过程，并结合实际案例提供了系统性解决方案。以下将详细阐述该过程中涉及的核心知识点。 首先...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值