springboot加vue打包后运行访问不到vue页面问题

最新推荐文章于 2025-09-08 16:47:48 发布
原创 最新推荐文章于 2025-09-08 16:47:48 发布 · 2.3k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#spring boot #vue.js

博主遇到vue项目无法访问的问题，尝试多种博客建议未果。最终通过切换项目然后再切换回来，问题意外得到解决。之后进行vue打包并使用maven刷新，问题彻底解决，表明可能是配置缓存导致的暂时性故障。
找了很多博客都没有解决，最后切换了个项目再切换回来，突然就可以访问了，于是将vue打包文件放进去后进行maven刷新，发现问题解决。

在这里插入图片描述

刷新后

在这里插入图片描述

spring boot+vue项目运行是空白
qq_42212132的博客
08-17 1491
报错如下，按平常正常的步骤来，先运行后端，再启动前端，报错如下： 尝试1.在产生这个错误前，我因为项目80端口总是被占用，自己改了端口为84，可能是这个错？？？？ 操作：刚刚去launch.json文件下修改8080为8084，重新启动前端 前端跑了很久，最后出来还是8080，在浏览器运行仍然是空白，但是报错变了 然后我将端口改回了80 运行后端，报错如下： 尝试2.因为80端口被占用，那我去关闭所有的80端口？？ https://blog.csdn.net/qu...
SpringBoot+Vue整合部署教程及刷新页面404问题
Sky的博客
11-30 2313
最近笔者在部署一个SpringBoot（Maven）+Vue项目的时候遇到了如题的问题，浅浅记录一下。
Vue打包到spring boot项目刷新访问不到其他页面（已验证）
weixin_43974466的博客
10-09 1471
Vue打包到spring boot项目刷新访问不到其他页面（已验证） Vue是单页，访问其他页面可以，但是刷新就找不的这个页面 解决的办法：在spring boot项目的入口类写一个方法： @Bean public WebServerFactoryCustomizer<ConfigurableWebServerFactory> webServerFactoryCustomizer()...
SpingBoot整合Vue，静态资源映射，配置端口直接访问
最新发布
solidsh的博客
09-08 280
本文介绍了如何配置Spring Boot项目来访问打包好的Vue静态文件。主要步骤包括： 1）将Vue打包文件放在指定目录（如/home/web/resource）； 2）在application.yml中配置资源路径映射； 3）创建WebConfig配置类实现资源处理器，设置静态资源访问路径； 4）配置默认访问路由，将根路径重定向到index.html。完成配置后，可直接通过IP:端口访问Vue应用的主页面。
前后端整合vue+springBoot+gateway。解决vue打包之后放到springBoot的static文件夹无法访问，gateway转发静态资源文件的失败的问题
xal
09-19 2425
当然不会，它那么多模块它怎么会知道访问哪个的static，这个时候我们就需要使用gateway的断言指定一个模块的static是作为静态文件夹。如果是vue打包文件，因为打包生成的是index.html,我们知道index文件是可以省略不写的，那么他的访问路径就是 http://localhost:8080。如下方结构：我们想访问a.txt文件，假设启动端口为8080，那么访问路径就是 http://localhost:8080/a.txt。我们只需要作为静态资源文件的模块，注意一定要是这个模块。
解决springboot打包之后无法访问页面的问题
Yooga5881的博客
11-04 5546
解决打包之后无法访问页面的问题 通过打jar包的方式是不会把WEB-INF里的东西打进去的 所以导致找不到页面 springboot中默认是打jar包 手动修改pom文件 <groupId>com.ksy</groupId><artifactId>demo</artifactId><version>0.0.1-SNAPSHOT<...
[后端 springboot] 打包后html无法访问的问题
cz004005006的博客
04-18 4133
目录 问题描述 解决历程 解决方案 结果 问题描述 最近公司需要一个展示生产过程中各项数据的简单demo，前段时间花了一晚上，按照网上的教程，搭建了了一个简单的spring boot项目，在这个过程，被maven的包更新不下来虐得shi去活来，这里记录一下关键点： 用IDE自带得git拉下来的项目，一定要记得从根目录再打开一次，就是从.git的那级目录...
Springboot项目与vue项目整合打包的实现方式
08-25
然而，这种方法不推荐使用手工合并，也不推荐将前端代码构建后提交到Springboot的resource下。好的方式应该是保持前后端完全独立开发代码，项目代码互不影响，借助Jenkins这样的构建工具在构建Springboot时触发前端...
如何把vuejs打包出来的文件整合到springboot里
10-18
如何把Vue.js打包出来的文件整合到Spring Boot项目中，是前端开发与后端Java开发协作中常遇到的一个集成问题。Vue.js是一种流行的前端框架，可以让我们通过组件化的方式来构建单页应用（SPA），而Spring Boot是一个...
Springboot+vue学生管理系统源码
06-16
Springboot+vue学生管理系统...另外前端vue页打包成静态资源放到后端里面了，即便不运行前端vue项目也是可以的 如果需要修改，则使用npm run bulid重新打包，生成的前端代码，放到后端代码的resources的static目录下
vue打包部署到springboot并生成war包
u014694915的博客
05-28 2744
项目是基于前后端分离的仓库管理系统后端前端。
SpringBoot+Vue组合打包，首页路径竟然找不到!
本博客纯属个人网络笔记，如对阁下有用，甚喜；否则，关掉即可，不喜勿喷。专心写代码，不做键盘侠！
11-22 1670
Vue 作为数据驱动的前端框架，目前比较流行，因此我们公司最新的项目开发都选择 “SpringBoot 后台 + Vue 前端” 这个技术组合。如果一开始就选择这个技术组合，完全没问题。 但是，如果前端技术最初是传统的 html ，加上 Vue 后，旧的 web.xml 配置的欢迎页面为 `../index.html` ，导致访问首页报错，本文来分析下这个问题。
解决springboot+vue静态资源刷新后无法访问的问题
一只没有脚的鸟
05-14 1249
原项目是有前后端分离设计，测试环境是centos系统，采用nginx代理和转发，项目正常运行。 项目近期上线到正式环境，结果更换了系统环境，需要放到一台windows系统中，前后端打成一个jar包，然后做成系统服务。这台服务器中已经有很多其他服务，都是采用一样的部署方式，所以没办法只能对这个项目进行修改。
SpringBoot+Vue打包,通过路由直接访问页面
全干攻城狮
08-14 8813
背景 目前我所使用的打包方式： 首先通过 npm run build命令将前端页面打包成静态资源 将静态资源复制到SpringBoot项目的 /resources/static 目录下 编写错误页面配置类，统一重定向到/index.html 问题 按照如上方式操作后,只能通过http://ip:port/index.html访问，然后通过点击按钮/菜单的形式实现路由跳转。 成功打包并部署系统...
springboot项目，后台配置了项目根路径，vue打包部署到后台，生成的文件访问不到
salty_oy的博客
07-22 1030
修改vue配置文件/config/index.js： module.exports = { ... build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static'
docker 部署springboot+vue+mysql 访问失败问题
politeboy的博客
07-31 1339
docker部署只能访问主页
关于SpringBoot和Vue静态资源的问题，Vue项目打包后直接在后端使用静态资源访问不到问题，完美解决。
m0_64424216的博客
01-08 1891
现在使用脚手架Vue CLIsrc/assets中的资源会被 Webpack 打包和处理，可以根据项目配置（如 hash 文件名、优化）生成最终资源路径。创建Vue项目是很便捷的，所以对应npm run serve 运行与npm run build 打包两个命令是非常熟系不过了。
vue node打包后导致Springboot无法使用前端window.open等跳转方法
u014280894的博客
11-14 894
vue.js node.js 打包后无法使用新标签页跳转
【springboot前后端分离项目前端页面访问不到的问题解决】
学无止境
03-01 2170
【springboot前后端分离项目前端页面访问不到的问题解决】
SpringBoot+Vue3前后端分离系统源码及文档打包
该项目的标签为"java Springboot vue mysql mybatis"，这表明该项目的开发涉及到Java、SpringBoot、Vue、MySQL和MyBatis等技术。Java是一种广泛使用的编程语言，SpringBoot是一个基于Spring的快速开发框架，Vue是一...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值