青戈大佬部署SpringBoot+Vue项目资料,vue中配置文件 .env.development,在Vue目录下 Find in Files

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
RDS MySQL Serverless 高可用系列,价值2615元额度,1个月
云数据库 RDS PostgreSQL,高可用系列 2核4GB
简介: 青戈大佬部署SpringBoot+Vue项目资料,vue中配置文件 .env.development,在Vue目录下 Find in Files

【带小白做毕设】18. SpringBoot+Vue项目部署上线_哔哩哔哩_bilibili

在file这里New 一个File文件

file下是.env.development文件

这里开发的时候,连接的是本地的9090

VUE_APP_BASEURL='http://localhost:9090'

new 一个file文件 .env.production

VUE_APP_BASEURL='公网ip:9090'

main.js设置全局变量

Vue.prototype.$baseUrl=process.env.VUE_APP_BASEURL服务器打包后获取到

统一发现文件路径配置的写法,在Vue目录下 Find in Files

你需要访问的是你的服务器IP,而不是你本地的,你需要把你localhost给替换掉

继续搜索一下Find in Files

搜索一个localhost:9090,看看哪个有占用9090的内容

这里绑定一个$baseUrl

之后去创建一个文件夹

点击新建文件传输

第一步去创建一个文件夹

第二步Server文件夹下新建

第三步新建一个Java和Vue

第四步 把后端打的Jar包拖进去

添加一份启动脚本

复制一下本地的application.yml文件

之后用记事本编辑

这里服务器的IP填写成你主机的IP

之所以放到外面是因为这样的权限会比他高

cd 切换目录 ls 查看文件 ll查看详细内容

这里输入vi start.sh

NAME=springboot-0.0.1-SNAPSHOT.jar

nohub java -jar $NAME > server.log 2 >&1 &

echo 'start success'

ESC按下 :wq

chmod +x *给所有文件赋权

之后在vi stop.sh

按I进入编辑模式

把Stop ssh的内容粘过去

PORT=9090

pid=`netstat -tnlp | grep $PORT | grep -v grep | awk '{pring $7} | awk -F/ '{print $1}'`

if [${pid}];then

       kill -9 $pid

       echo "kill $POST"

else

       echo 'stop success!'

fi

这句话的意思是找到端口的PID,如果

chmod来复制权限

可以右键新建文件

start1.sh

弄完之后,给他赋一个值

chmod +x*

VUE,直接把他拖拽过去

右键属性,可以查看文件大小

把ngnix包和mysql的包上传上去

找到/tmp文件,一个专门放乱七八糟的文件,把文件放到里面

tar 是解压文件的意思

在cd /user/local/文件下看文件

ll

利用 mv改名字为java

这个bin就是所需要的java文件

编辑etc中的profile文件

按一下i 添加环境变量

ESC之后,:wq去保存

source /etc/profile 重载配置

java -version说明JDK的提示好了

安装Ngnix

创建一个Ngnix文件夹

用tar 把文件解压到另一个文件

去安装这个Ngnix

之后通过make命令去安装

如果说你看到Ngnix这个页面,就说明你成功了

之后

配置完之后,重载Ngnix

连续访问两次就会出现404错误

当我访问这个的时候,会访问/home的文件

把try_files $uri $uri的内容放进去

之后安装mysql

之后创建mysql的目录

设置一个规则,默认为Mysql

创建一个新的数据库

把localhost的user复制到我们连接的数据库当中

修改服务器的IP为本机

./start.sh

ll

tail -100f server.log

只能看到这样,就表示启动成功了

之后添加端口规则

9090默认接口访问成功

这样就部署成功了


相关实践学习
每个IT人都想学的“Web应用上云经典架构”实战
本实验从Web应用上云这个最基本的、最普遍的需求出发,帮助IT从业者们通过“阿里云Web应用上云解决方案”,了解一个企业级Web应用上云的常见架构,了解如何构建一个高可用、可扩展的企业级应用架构。
MySQL数据库入门学习
本课程通过最流行的开源数据库MySQL带你了解数据库的世界。   相关的阿里云产品:云数据库RDS MySQL 版 阿里云关系型数据库RDS(Relational Database Service)是一种稳定可靠、可弹性伸缩的在线数据库服务,提供容灾、备份、恢复、迁移等方面的全套解决方案,彻底解决数据库运维的烦恼。 了解产品详情: https://www.aliyun.com/product/rds/mysql 
相关文章
|
2月前
|
前端开发 安全 Java
基于springboot+vue开发的会议预约管理系统
一个完整的会议预约管理系统,包含前端用户界面、管理后台和后端API服务。 ### 后端 - **框架**: Spring Boot 2.7.18 - **数据库**: MySQL 5.6+ - **ORM**: MyBatis Plus 3.5.3.1 - **安全**: Spring Security + JWT - **Java版本**: Java 11 ### 前端 - **框架**: Vue 3.3.4 - **UI组件**: Element Plus 2.3.8 - **构建工具**: Vite 4.4.5 - **状态管理**: Pinia 2.1.6 - **HTTP客户端
329 4
基于springboot+vue开发的会议预约管理系统
|
3月前
|
前端开发 JavaScript Java
基于springboot+vue开发的校园食堂评价系统【源码+sql+可运行】【50809】
本系统基于SpringBoot与Vue3开发,实现校园食堂评价功能。前台支持用户注册登录、食堂浏览、菜品查看及评价发布;后台提供食堂、菜品与评价管理模块,支持权限控制与数据维护。技术栈涵盖SpringBoot、MyBatisPlus、Vue3、ElementUI等,适配响应式布局,提供完整源码与数据库脚本,可直接运行部署。
223 6
基于springboot+vue开发的校园食堂评价系统【源码+sql+可运行】【50809】
|
4月前
|
JSON 分布式计算 大数据
springboot项目集成大数据第三方dolphinscheduler调度器
springboot项目集成大数据第三方dolphinscheduler调度器
263 3
|
4月前
|
Java 关系型数据库 数据库连接
Spring Boot项目集成MyBatis Plus操作PostgreSQL全解析
集成 Spring Boot、PostgreSQL 和 MyBatis Plus 的步骤与 MyBatis 类似,只不过在 MyBatis Plus 中提供了更多的便利功能,如自动生成 SQL、分页查询、Wrapper 查询等。
391 3
|
4月前
|
Java 测试技术 Spring
简单学Spring Boot | 博客项目的测试
本内容介绍了基于Spring Boot的博客项目测试实践,重点在于通过测试驱动开发(TDD)优化服务层代码,提升代码质量和功能可靠性。案例详细展示了如何为PostService类编写测试用例、运行测试并根据反馈优化功能代码,包括两次优化过程。通过TDD流程,确保每项功能经过严格验证,增强代码可维护性与系统稳定性。
227 0
|
4月前
|
存储 Java 数据库连接
简单学Spring Boot | 博客项目的三层架构重构
本案例通过采用三层架构(数据访问层、业务逻辑层、表现层)重构项目,解决了集中式开发导致的代码臃肿问题。各层职责清晰,结合依赖注入实现解耦,提升了系统的可维护性、可测试性和可扩展性,为后续接入真实数据库奠定基础。
399 0
|
1月前
|
JavaScript Java 关系型数据库
基于springboot的项目管理系统
本文探讨项目管理系统在现代企业中的应用与实现,分析其研究背景、意义及现状,阐述基于SSM、Java、MySQL和Vue等技术构建系统的关键方法,展现其在提升管理效率、协同水平与风险管控方面的价值。
|
1月前
|
搜索推荐 JavaScript Java
基于springboot的儿童家长教育能力提升学习系统
本系统聚焦儿童家长教育能力提升,针对家庭教育中理念混乱、时间不足、个性化服务缺失等问题,构建科学、系统、个性化的在线学习平台。融合Spring Boot、Vue等先进技术,整合优质教育资源,提供高效便捷的学习路径,助力家长掌握科学育儿方法,促进儿童全面健康发展,推动家庭和谐与社会进步。
|
1月前
|
JavaScript Java 关系型数据库
基于springboot的古树名木保护管理系统
本研究针对古树保护面临的严峻挑战,构建基于Java、Vue、MySQL与Spring Boot技术的信息化管理系统,实现古树资源的动态监测、数据管理与科学保护,推动生态、文化与经济可持续发展。

热门文章

最新文章