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

一些关键词:

宝塔面板无域名搭建

相关推荐
bin91531 小时前
DeepSeek 助力 Vue 开发:打造丝滑的复制到剪贴板(Copy to Clipboard)
前端·javascript·vue.js·ecmascript·deepseek
晴空万里藏片云3 小时前
elment Table多级表头固定列后,合计行错位显示问题解决
前端·javascript·vue.js
曦月合一3 小时前
html中iframe标签 隐藏滚动条
前端·html·iframe
Tirzano3 小时前
springsecurity自定义认证
spring boot·spring
奶球不是球3 小时前
el-button按钮的loading状态设置
前端·javascript
kidding7233 小时前
前端VUE3的面试题
前端·typescript·compositionapi·fragment·teleport·suspense
Σίσυφος19005 小时前
halcon 条形码、二维码识别、opencv识别
前端·数据库
学代码的小前端5 小时前
0基础学前端-----CSS DAY13
前端·css
bing_1586 小时前
简单工厂模式 (Simple Factory Pattern) 在Spring Boot 中的应用
spring boot·后端·简单工厂模式
css趣多多6 小时前
案例自定义tabBar
前端