宝塔部署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:软件商店下载

一些关键词:

宝塔面板无域名搭建

相关推荐
新中地GIS开发老师1 小时前
WebGIS开发学生作品|低空航天管理与航线规划系统
前端·javascript·webgis·三维gis开发
用户059540174461 小时前
大模型对话记忆持久化踩坑实录:用 Playwright 自动化测了 300 次,终于揪出会话丢失的真凶
前端·css
丙氨酸長鏈1 小时前
Web前端入门第 问:JavaScript 一个简单的 IndexedDB 数据库入门示例
前端·javascript·数据库
kyriewen2 小时前
面试官让我手写虚拟列表——AI生成的版本,快速滚动几下就白屏了
前端·javascript·面试
IT_陈寒3 小时前
Vite热更新失效?你可能漏了这个配置
前端·人工智能·后端
梅孔立3 小时前
两种免费的翻译API调用方式详解 - Edge官方API与个人缓存服务
前端·缓存·edge
Revolution613 小时前
React 组件重新渲染时,到底重新执行了什么
前端·react.js·面试
林焱_RPAAI3 小时前
影刀RPA技术深度:CSS选择器高级实战指南——伪类属性选择器与性能对比完全解析
vue.js·react.js
用户2181697049305 小时前
Flutter(四)Dart语法 空安全 运算符 流程控制
前端
许彰午5 小时前
政务督办的分合模式:主办协办的并发审批
前端·javascript·政务