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

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

这样就部署成功了


相关实践学习
如何在云端创建MySQL数据库
开始实验后,系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助     相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
20天前
|
消息中间件 监控 Java
如何将Spring Boot + RabbitMQ应用程序部署到Pivotal Cloud Foundry (PCF)
如何将Spring Boot + RabbitMQ应用程序部署到Pivotal Cloud Foundry (PCF)
31 6
|
20天前
|
Java 关系型数据库 MySQL
如何将Spring Boot + MySQL应用程序部署到Pivotal Cloud Foundry (PCF)
如何将Spring Boot + MySQL应用程序部署到Pivotal Cloud Foundry (PCF)
39 5
|
20天前
|
缓存 监控 Java
如何将Spring Boot应用程序部署到Pivotal Cloud Foundry (PCF)
如何将Spring Boot应用程序部署到Pivotal Cloud Foundry (PCF)
31 5
|
25天前
|
Java Linux Docker
什么是 Docker?如何将 Spring Boot 应用程序部署到 Docker?
什么是 Docker?如何将 Spring Boot 应用程序部署到 Docker?
41 3
|
前端开发 JavaScript 关系型数据库
前后端分离 -- SpringBoot + Vue实战项目 部署至阿里云服务器
前后端分离 -- SpringBoot + Vue实战项目 部署至阿里云服务器
3292 2
前后端分离 -- SpringBoot + Vue实战项目 部署至阿里云服务器
|
6月前
|
Java Maven
springboot项目打jar包后,如何部署到服务器
springboot项目打jar包后,如何部署到服务器
448 1
|
7月前
|
Java 关系型数据库 MySQL
保姆级教程——将springboot项目部署到阿里云服务器包含环境配置(小白包会)
本文档详细介绍了将SpringBoot项目部署到阿里云服务器的步骤。首先,通过Xshell连接服务器,使用公网IP地址。接着,下载JDK的Linux版本,使用XFTP上传并解压,配置环境变量。然后,安装MySQL 5.7,包括下载YUM源、安装、启动服务以及修改root密码和开启远程访问。最后,将SpringBoot项目打包成jar,上传至服务器,使用`java -jar`命令运行,通过`nohup`确保服务持续运行。配置安全组以允许远程访问。
1139 0
|
7月前
|
Java Maven Docker
SpringBoot项目打包部署到阿里云服务器、通过Maven插件制作Docker镜像、部署项目容器、配置生产环境
SpringBoot项目打包部署到阿里云服务器、通过Maven插件制作Docker镜像、部署项目容器、配置生产环境
697 0
|
Java 关系型数据库 MySQL
将springboot项目部署到阿里云服务器
将springboot项目部署到阿里云服务器
|
前端开发 NoSQL JavaScript
SpringBoot前后端分离项目,打包、部署到服务器详细图文流程
SpringBoot前后端分离项目,打包、部署到服务器详细图文流程
11738 11
下一篇
DataWorks