ruoyi-vue3前端部署tomcat踩坑

ruoyi-vue3前端部署tomcat踩坑

因为本人对vue3不太熟悉,只能搞明白vue2,网上的踩坑教程都七七八八不太对应

我部署时问题已经解决了,所以没有踩坑的截图 大概列了一下:

先给大家看一下我的webapps目录:

在这里插入图片描述
这个包名打出来应该是dist,我自己进行了修改

1.部署好之后页面一直加载,无法进入登录页面

这个问题很好解决,进入vite.config.js修改base再加一行代码就行
在这里插入图片描述

2.登录页面无法获取验证码

这个问题是因为,你的前端项目没有打通后端接口,访问不到后端接口

因为我是在做小程序开发,所以我的后端是直接通过域名访问的,也在这个tomcat下部署,所以需要修改这个VITE_APP_BASE_API

因为在出现这个问题的时候,我查看了网络请求,发现在我的域名后加了一个/prod-api,但是我的postman发请求的时候不需要这个,所以将这个改成了 / 之后,就打通了后端的服务,大家在参考的时候,注意一下是不是和我的情况一样
在这里插入图片描述
在这里插入图片描述

3.登录页面成功显示,也可以进去系统,但是刷新后报错404;登录之后,直接跳转404

这个根据我大半晚上的查博客,问Ai,大概知道了,就是页面路由的问题

这个是因为是vue3的,所以这里要到router目录下的index.js将路由进行修改

在这里插入图片描述
这个也要修改,改成你的前端包名/index

在这里插入图片描述
然后修改request.js,和上面一样,改成你的前端包名/index

在这里插入图片描述
希望能帮到大家