宝塔部署vue+springboot过程(图文)

宝塔是傻瓜式操作部署,xshell是用linux命令部署

¥过程¥

整个流程 具体
服务器开端口 在阿里云服务器打开3306端口(有用到的端口都要打开)
宝塔:添加数据库 获取数据库名、用户名、密码;点击"工具"确保有成功导入(提示:数据库名不用特殊符号)
springboot中 application.yml文件(dev/prod配置文件)中修改:数据库名、username、密码;公网ip地址;
打包成jar包:出现在target中;父pom.xml中添加插件
vue项目中 修改环境配置文件:公网ip地址+端口(自身定),npm run build出现dist文件夹
宝塔中 文件:放入jar包和dist文件夹里的文件
网站:先配服务端:jar包路径,端口自己配;多看项目日志有无错误提示
添加站点:没有域名的话:服务器的公网ip+端口(自己定义),点击'设置'---->找到"网站目录"改为前端dist文件夹有static文件下那个路径
配置第三方 打开redis端口、 nginx:软件商店下载

一些关键词:

宝塔面板无域名搭建

相关推荐
梵得儿SHI6 分钟前
Vue 高级特性:组件高级用法(动态组件、异步组件、组件缓存 keep-alive)
前端·javascript·vue.js·keep-alive·异步组件·动态组件·vue组件高级特性
EndingCoder8 分钟前
泛型类和高级用法
linux·运维·前端·ubuntu·typescript
ℋᙚᵐⁱᒻᵉ鲸落14 分钟前
【Vue3】Element Plus 表单显示自定义校验错误
前端·javascript·vue.js
程序员小寒15 分钟前
聊一聊 CommonJS 和 ES6 Module
前端·ecmascript·es6
Java后端的Ai之路16 分钟前
【AI应用开发工程师】-Gemini写前端的一个坑
前端·人工智能·gemini·ai应用开发工程师
亿元程序员16 分钟前
最近很火的一个拼图游戏,老板让我用Cocos3.8做一个...
前端
m0_7482500316 分钟前
C++ Web 编程
开发语言·前端·c++
切糕师学AI17 分钟前
Vue 中的响应式布局
前端·javascript·vue.js
行者9619 分钟前
Flutter适配OpenHarmony:跨平台开发热门标签组件,从数据到交互的完整实现
前端·flutter·harmonyos·鸿蒙
晷龙烬21 分钟前
Vue组件使用三步走:创建、注册、使用(Vue2/Vue3双版本详解)
前端·javascript·vue.js