本文主要是介绍记录一次springboot、ruoyi若依前后端不分离项目和vue项目的合并整合问题，搞了一天总结，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
项目场景：
因为此功能只做为客户方一个小模块，客户方使用的是springboot前后端不分离的架构。而我们的项目是使用前后端分离springboot+vue的架构。在接项目前，项目已经存在，所以不存在设计架构的前提。实际是在原有基础上修改的。所以不可能再重新开发。
问题描述
主要问题是，将vue打包好的前端放到springboot里静态文件以后，页面可以正常访问。但后来添加了参数以下，就无法接收到参数了。例如这样：
http://127.0.0.1:8288/xmmc/vuedist/index.html/#/home?a=1111&b=2222
原因分析：
参数是无法接收到的。模板引擎直接将#号截断了。所以直接从前端跳转，如果没有参数，是可以的。但这个功能需要嵌入到其它模块内。
function eventdxt() {var url = "/xmmc/index.html?a=1111&b=2222";$.modal.open("功能", url, '1100', '700');
}解决方案：
一、将vue打包好的dist文件，放入到static下面，路径如：static/dist/.....，如下图所示：
二、将其中的 index.html 重命名如 home.html，避免和原有index.html重复，放到 src\main\resources\templates下面
三、很重要的一步，从后台跳转到前面。也就是遵从模板引擎的规划流程来走：
请求【/static下面的静态文件名/home】这个路径后，返回到 templates 下的home，也就是vue里的index.html页面，index.html页面，再去static下面找【/static下面的静态文件名/】下的静态文件。从而实现连通。前端的最终访问路径是：【/static下面的静态文件名/home?a=111&b=222】
@Controller@CrossOriginpublic class IndexController {@GetMapping("/static下面的静态文件名/home")public String index(){return "home";}}最后说下：
@GetMapping("/static下面的静态文件名/home") 这个请求的配置，起着很重要的作用，配置错误，前台将会找不到静态文件。导致整体合并失败。
后台代码的合并，见另一篇文章所述：
ruoyi若依二次开发怎么添加扫描自己的controller和mapper，配置三个地方即可。-CSDN博客
这篇关于记录一次springboot、ruoyi若依前后端不分离项目和vue项目的合并整合问题，搞了一天总结的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
