springBoot整合多个Vue项目

项目场景：

项目场景：在一个springboot+vue项目中，有两个vue项目，分为前台和后台，我需要将所有的vue项目都整合到springboot中。

---

问题描述

一个Vue项目的整合教程还是比较多的，这里就不重复记录了

当我想要让两个Vue项目整合时，就会出现访问另外一个Vue项目无论如何都找不到页面。

---

思路历程：

自己也查看了其他同僚的博客，花了很久的时间都没有解决。

于是我去查看了浏览器的开发者工具的源代码

于是猜想可能是资源访问不了，毕竟vue打包后的index界面都是应用ccs文件夹和js文件夹的文件，于是突发奇想，不如将两个Vue项目的ccs、js、font中的文件共用一个文件夹。

---

解决方案：

最后将两个vue打包后的文件的资源都整合到了一起，发现可以两个Vue项目都可以访问到对应的页面，front是对其中一个vue项目的index页面进行了重命名。

 对于访问vue页面出现404现象，通过配置类进行配置就可以了

@Configuration
public class VueConfig {
    @Bean
    public WebServerFactoryCustomizer<ConfigurableWebServerFactory> webServerFactoryCustomizer(){
        return factory -> {
            ErrorPage error404Page1 = new ErrorPage(HttpStatus.NOT_FOUND, "/index.html");
            ErrorPage error404Page2 = new ErrorPage(HttpStatus.NOT_FOUND, "/front.html");
            factory.addErrorPages(error404Page1);
            factory.addErrorPages(error404Page2);
        };
    }

}

此文章仅供本人学习使用，如有问题请各位指正。