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
希望能帮到大家