SpringBoot整合Vue3上线部署（不使用Nginx）

1、整合过程

[语雀路径](https://www.yuque.com/helloworld-civ15/pr68sx/qmx8tuygci7e0bie?singleDoc#%20%E3%80%8ASpringBoot%E6%95%B4%E5%90%88Vue3%E4%B8%8A%E7%BA%BF%E9%83%A8%E7%BD%B2%EF%BC%88%E4%B8%8D%E4%BD%BF%E7%94%A8Nginx%EF%BC%89%E3%80%8B)

1.1、Vue3前端

+ 首先，如果配置了路由转发，建议将路由重定向配置好：

routes: [
        {
   
   
            name: 'hx',
            path: '/line',
            component: LineTask
        },
  // 重定向
        {
   
   
            path: '/',
            redirect: '/line'
        }
    ]

• 其次，将路由模式改为hash模式（必须）：

history: createWebHashHistory(),

• 最后，进入vue.config.ts文件，添加base路径（必须）：

base: './'

• 项目打包（必须）：

npm run build

1.2、SpringBoot后端

+ 将前端打包后的文件（dist文件夹下的所有文件）拷贝到resources路径下的static文件夹中（必须）：

• 如果没有解决跨域问题，需要编写解决跨域逻辑代码（建议）：

@Configur