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

本文涉及的产品
RDS MySQL DuckDB 分析主实例,集群系列 4核8GB
RDS AI 助手,专业版
简介: 青戈大佬部署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 
相关文章
|
4月前
|
前端开发 安全 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客户端
637 4
基于springboot+vue开发的会议预约管理系统
|
8月前
|
JavaScript 前端开发 Java
制造业ERP源码,工厂ERP管理系统,前端框架:Vue,后端框架:SpringBoot
这是一套基于SpringBoot+Vue技术栈开发的ERP企业管理系统,采用Java语言与vscode工具。系统涵盖采购/销售、出入库、生产、品质管理等功能,整合客户与供应商数据,支持在线协同和业务全流程管控。同时提供主数据管理、权限控制、工作流审批、报表自定义及打印、在线报表开发和自定义表单功能,助力企业实现高效自动化管理,并通过UniAPP实现移动端支持,满足多场景应用需求。
793 1
|
9月前
|
前端开发 Java 关系型数据库
基于Java+Springboot+Vue开发的鲜花商城管理系统源码+运行
基于Java+Springboot+Vue开发的鲜花商城管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的鲜花商城管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。技术学习共同进步
591 7
|
5月前
|
前端开发 JavaScript Java
基于springboot+vue开发的校园食堂评价系统【源码+sql+可运行】【50809】
本系统基于SpringBoot与Vue3开发,实现校园食堂评价功能。前台支持用户注册登录、食堂浏览、菜品查看及评价发布;后台提供食堂、菜品与评价管理模块,支持权限控制与数据维护。技术栈涵盖SpringBoot、MyBatisPlus、Vue3、ElementUI等,适配响应式布局,提供完整源码与数据库脚本,可直接运行部署。
329 6
基于springboot+vue开发的校园食堂评价系统【源码+sql+可运行】【50809】
|
6月前
|
Java Linux 网络安全
Linux云端服务器上部署Spring Boot应用的教程。
此流程涉及Linux命令行操作、系统服务管理及网络安全知识,需要管理员权限以进行配置和服务管理。务必在一个测试环境中验证所有步骤,确保一切配置正确无误后,再将应用部署到生产环境中。也可以使用如Ansible、Chef等配置管理工具来自动化部署过程,提升效率和可靠性。
675 13
|
8月前
|
供应链 JavaScript BI
ERP系统源码,基于SpringBoot+Vue+ElementUI+UniAPP开发
这是一款专为小微企业打造的 SaaS ERP 管理系统,基于 SpringBoot+Vue+ElementUI+UniAPP 技术栈开发,帮助企业轻松上云。系统覆盖进销存、采购、销售、生产、财务、品质、OA 办公及 CRM 等核心功能,业务流程清晰且操作简便。支持二次开发与商用,提供自定义界面、审批流配置及灵活报表设计,助力企业高效管理与数字化转型。
719 2
ERP系统源码,基于SpringBoot+Vue+ElementUI+UniAPP开发
|
6月前
|
Prometheus 监控 Cloud Native
Docker 部署 Prometheus 和 Grafana 监控 Spring Boot 服务
Docker 部署 Prometheus 和 Grafana 监控 Spring Boot 服务实现步骤
661 0
|
前端开发 JavaScript 关系型数据库
前后端分离 -- SpringBoot + Vue实战项目 部署至阿里云服务器
前后端分离 -- SpringBoot + Vue实战项目 部署至阿里云服务器
4089 2
前后端分离 -- SpringBoot + Vue实战项目 部署至阿里云服务器
|
Java Maven
springboot项目打jar包后,如何部署到服务器
springboot项目打jar包后,如何部署到服务器
1176 1
|
Java 关系型数据库 MySQL
将springboot项目部署到阿里云服务器
将springboot项目部署到阿里云服务器