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

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,集群版 2核4GB 100GB
推荐场景:
搭建个人博客
云数据库 RDS MySQL,高可用版 2核4GB 50GB
简介: 青戈大佬部署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默认接口访问成功

这样就部署成功了


相关实践学习
如何在云端创建MySQL数据库
开始实验后,系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助     相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
2天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的药店库存管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的药店库存管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
8 1
|
16小时前
|
SQL XML Java
解决Spring Boot项目中的数据库迁移问题
解决Spring Boot项目中的数据库迁移问题
|
16小时前
|
Kubernetes Java Docker
使用Kubernetes部署Spring Boot应用的实践
使用Kubernetes部署Spring Boot应用的实践
|
16小时前
|
Java 程序员 BI
在Spring Boot项目中集成异步任务处理
在Spring Boot项目中集成异步任务处理
|
16小时前
|
Java 测试技术 程序员
在Spring Boot项目中集成单元测试的策略
在Spring Boot项目中集成单元测试的策略
|
2天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的学生成绩管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的学生成绩管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
25 0
|
2天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的外卖系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的外卖系统的详细设计和实现(源码+lw+部署文档+讲解等)
4 0
|
JSON 前端开发 Java
SpringBoot+Vue表单文件上传
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82811812 ...
4080 0
|
2天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的原神游戏商城的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的原神游戏商城的详细设计和实现(源码+lw+部署文档+讲解等)
5 0
|
2天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的校园论坛系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的校园论坛系统的详细设计和实现(源码+lw+部署文档+讲解等)
9 0