前言
最近在捣鼓 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 中