SpringBoot + Vue 项目超简单的合并部署方案

文章目录

    • 前言
    • 一、Vue 项目
    • 二、SpringBoot 项目
    • 三、服务器上的部署
    • 四、端口映射
    • 五、请求跨域


前言

最近在捣鼓 SpringBoot 与 Vue 整合的项目,看了网上很多套的方案,自己总结了一套为轻量级个人开发提供的项目部署方案,简单有效!通过 maven 的打包在服务器上仅需要运行一个 Jar 包即可运行包括前端的整个项目。(全文无图!别问问就是太懒惹,下次有机会再补上。。

个人博客内有更多详细内容: https://www.seny.xyz/archives/deployment

项目环境:

  • 前端框架:Vue.js + axios

  • 后端框架:SpringBoot + Mybatis

  • 项目管理:maven


一、Vue 项目

Vue 使用 npm install 安装依赖后,使用 npm run build 构建项目

构建完成后会在 src 同级目录下生成 dist 文件夹,该文件夹内的文件就是所生成的静态文件,先放着一会构建 SpringBoot 的后端项目时要用

注意:在构建项目时注意将项目内的 api 请求路径对应好要部署的服务器 ip 端口映射,还需要在 vue 项目配置文件 vue.js.config

你可能感兴趣的:(教程,spring,boot,vue.js,java,nginx,maven)