SpringBoot项目部署前端静态资源无法访问问题

vue打包后放在SpringBoot项目的static文件夹下,只能通过ip:端口+index.html才能访问,页面刷新和通过路由地址访问会直接白板页面报404。

img

img


通过index.html页面访问

img

你的main方法中直接跳转到index.html页面,不要返回json串

/main接口怎么写的

打包部署的时候修改 静态资源的路径了吗 publicPath 和 assetsPublicPth 都需要改 根据你的情况改

应该是 /main 没有走vue的路由 而是走了springboot 配置中的路径,你可以使用nginx配置静态路径

你好!参考这个,里面有问题的详细说明和解决办法:https://blog.csdn.net/bo1988313/article/details/124208123

直接输入路由是不会被vue router控制的,解决办法是复制一份index.html重命名为error.html,放在template下,这样访问不到的路由会vue router受理。
用Nginx部署可以设置设置error page值为index.html,道理是一样的。建议还是用nginx部署到不同的端口上