把项目部署到Linux系统上（如何在阿里云服务器上安装和配置SpringBoot+vue全栈开发环境）

最新推荐文章于 2024-11-05 18:02:41 发布
最新推荐文章于 2024-11-05 18:02:41 发布
阅读量878 收藏 19
点赞数 21
文章标签： linux 阿里云 spring boot intellij-idea java-ee vue.js 数据库
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65732083/article/details/142183656
版权

项目部署上线

环境准备

下载安装Linux系统和ssh连接工具

背景知识

在这里插入图片描述
在这里插入图片描述

安装虚拟机

在这里插入图片描述
在这里插入图片描述

安装Linux系统

在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

选择installCentOS7

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
配置root超级用户就好了
在这里插入图片描述
到这，服务器就配置完成了
在这里插入图片描述

按命令IP addr查看服务器IP地址，ens33网卡中会出现IP地址

在这里插入图片描述
在这里插入图片描述

配置好后就可以查看了

在这里插入图片描述

一个可远程连接Linux服务器的工具

1.（基于finalshell工具）

请添加图片描述
在这里插入图片描述
打开finalshell连接Linux·服务器·
点击左上角文件形状的按钮，选择ssh连接
在这里插入图片描述
出现这个就连接成功了，然后点击鼠标位置进入服务器
在这里插入图片描述
在这里插入图片描述

2.(xshell工具）

其中还有个配套的软件叫XFTP用于远程网络传输文件
在这里插入图片描述
xshell连接云服务器和上一个工具差不多就不说了
远程连接服务器安装MYSQL
在这里插入图片描述

请添加图片描述
通过上面的绿色按钮就可以打开

实现从本地上传安装包到云服务器

从左边本地文件管理器中拖到右边的云服务器上
在这里插入图片描述
在这里插入图片描述

防止Centos7自带mariadb与Mysql冲突

在这里插入图片描述
在这里插入图片描述

解压安装包

在这里插入图片描述

安装依赖包在执行安装

在这里插入图片描述

启动MYSQL和修改密码

在这里插入图片描述

授予远程连接权限

请添加图片描述

退出Mysql

在这里插入图片描述
以下这些环境都要在Linux上执行
在这里插入图片描述

若是在本地虚拟机安装的就需关闭防火墙并打开3306端口

请添加图片描述

安装和启动nginx

在这里插入图片描述

安装jdk在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

jdk环境配置（注意：检查一下jdk目录：/usr/server/jdk1.8…是不是对的）

在这里插入图片描述

输入命令Java -version出现以下的情况就是成功了

在这里插入图片描述

测试是否可以连接数据库

数据库连接工具（DBeaver免费开源）
在这里插入图片描述
新建连接
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述在这里插入图片描述
引入数据
在这里插入图片描述

项目部署

在这里插入图片描述
复制公网IP地址粘贴到浏览器上
在这里插入图片描述

出现下图说明nginx是可以访问的,访问的是80端口

在这里插入图片描述

打包部署vue项目

注意：在开发环境下需要node.js,在生产环境下就用nginx来当web服务器了
在这里插入图片描述
打包成功的话代码都会放到dist目录下
在这里插入图片描述
在这里插入图片描述
还有一种就是有多个环境，例如开放，测试，生产
在这里插入图片描述
我们直接执行生产环境就好了，执行时会读取.env.productio这个文件
在这里插入图片描述
改’/prod-api’为指定服务器的ip（例如生产服务器，开发服务器），作为网络请求头部的baseurl
在这里插入图片描述
在这里插入图片描述

把打包好的list文件夹上传到服务器

在这里插入图片描述

怎么样nginx读上传的前端页面呢

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

结束后是配置生效

在这里插入图片描述

理论上再去访问IP就会出现打包好的页面了

在这里插入图片描述

打包后端项目

在这里插入图片描述
注意：这里如果数据库与后端分别部署在不同的服务器上的话就需要改localhost为服务器的IP
在这里插入图片描述
在这里插入图片描述

把jar包上传到服务器上

在这里插入图片描述

在这里插入图片描述

通过java-jar执行这个jar包

并且把日志输出到对应的文件logname.log便于查错
在这里插入图片描述

查看logName.log日志文件是否运行成功

在这里插入图片描述
在这里插入图片描述

成功，就大功告成了，可以在浏览器进行访问了。
在这里插入图片描述

啊·贤
关注
阿里云服务器 篇一：申请和初始化
生活在别处
03-30 1452
推荐使用云服务器配置，价格根据活动波动，一般年付99元，关注CPU、内存、硬盘与带宽需求。优选CentOS 7.9作为服务器系统，本地开发环境建议MacOS+iTerm2或Win11+Linux子系统。开发栈推荐Nginx搭配Python与MySQL 5.7。安装过程中可能遇到MySQL GPG密钥不符的错误，需妥善处理。配置并使用Python Flask框架开发Web服务，结合Gunicorn部署，Supervisor监控服务稳定性。学习Nginx安装、参数配置及动静态资源处理。探索其他Web服务架构，如
Linux虚拟机部署与发布项目（Windows版本）
weixin_74268571的博客
10-28 1362
Linux虚拟机部署并开发项目流程，单机项目与前后端分离项目的分别部署
docker快速在linux服务器部署java，vue，mysql，nginx和html项目
daitu_的博客
10-08 430
快速部署vue，需要准备两个东西，一个是数据卷（需要发布的项目放在这个目录），一个是配置文件（在服务器本地准备好配置文件，在docker运行的时候进行关联，即可不进入容器内修改nginx配置文件，方便使用）。以下是模板，这个模板分别对80和8090端口各发布了一个项目，80端口是H5项目，8090端口是Vue项目。你只需要把项目放入上一步创建的共享文件夹中，然后使用下面这个配置，你就能直接访问项目了。运行mysql，并绑定服务器本地的data和配置文件，配置文件是需要提前准备好的。在Linux创建文件夹。
Linux 给 vmlinux 添加符号
小立仔
09-20 573
Linux 给 vmlinux 添加符号演示过程。
Ubuntu 16.04下安装以太坊编译环境以及设置合约功能（支持geth 1.6以及solc 0.4.16版本以上）
astra_zhao的专栏
08-30 6706
由于没有苹果电脑，所以在这里使用Linux环境进行操作，Windows也可以，但是没有试过，也看过不少文章，说道会遇到很多问题。 本文解决了下面几个问题： 1.geth升级到1.6版本后，不再使用eth.getCompilers()或者admin.setSolc()等通过JS的方式实时编译，而是采用了ABI合约接口的二进制表示。通过转化为json方式到geth的console平台进行编译 具
Linux安装应用程序的几种方式
libing__123的博客
01-25 1964
安装python使用rpm安装，也可以用源文件安装，感觉rpm安装更省事，直接一个命令 rpm -ivh 软件名.rpm ,如果缺少依赖会有提示，根据提示安装缺少的包，还是用 rpm -ivh 软件名.rpm 这个命令安装，如果安装不上有冲突可以强制安装 rpm -ivh --force 软件名.rpm。三种方式源码安装最困难，因为要安装的程序不一定是C写的，可能是其他语言写的，比如yum是用python写的，tomcat是用Java写的。安装yum需要先安装python，因为yum是用python写的。
【Spring&Vue学习】十八、Springboot+Vue云端环境配置(阿里云服务器环境配置)
Better than yesterday.
06-06 878
本文所有操作基于Centos7系统环境
全栈式部署：SpringCloud 微服务+Docker + Vue + nginx 前后端一站式部署
CSDN_KONGlX的博客
07-06 1500
.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(51, 51, 51, 1) } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .ma...
SpringBoot+vue3打造企业级一体化SaaS系统
love0everything的博客
03-14 1259
完整落地ERP+CRM一体化SaaS系统，带你打造全流程商业级To B项目
Java版点餐小程序2022最新版笔记，Springboot+Mysql+Freemarker+Bootstrap+微信小程序实现扫码点餐小程序
热门推荐
编程小石头
03-19 1万+
今天来给大家讲解一个完整的微信小程序点餐项目。java后台+微信小程序实现点餐系统。 第一章，技术选型 1,后台技术选型： JDK8/Java11 Mysql5.7/Mysql8 Spring-boot2.2.4 Spring-data-jpa Lombok Freemarker Bootstrap4.3 Websocket即时通讯 Tomcat服务器 Excel数据的批量导入与导出 2,小程序端技术选型 微信小程序 css3 JavaScript 第二章，效果图 1， 管理后台 .
一文搭建Vuepress博客/文档系统：搭建，导出，SEO，自动编译和部署，域名，HTTPS，备案等
pdai的博客
11-08 2542
文章内容目录 文章内容目录 第一部分 - 博客/文档系统的搭建 博客/文档搭建前言 有哪些选择 我做了哪些尝试 自己写：我用java手写了一个系统 Docisify等工具 博客园等平台 为什么现在用vuepress 博客/文档工具vuepress介绍 vuepress是如何工作的？ vuepress 一些特性 vuepress 插件架构 博客/文档基础搭建 brew安装或者...
un7.28:将项目打包到Linux虚拟机中并成功运行（上）。
努力是为了让自己不平庸。。。
07-28 1185
在工作中我们经常会遇到这样的情况，你们组辛辛苦苦写好一个项目，却不知道怎么往虚拟机里部署，今天我就教大家一招，让你轻轻松松就把项目部署到虚拟机中并跑起来。
项目部署到Linux（虚拟机）
m0_61820867的博客
07-27 1934
在虚拟机Linux上，通过和本地类似的方式启动项目
将web项目部署到linux虚拟机上(一)
sidongxue2的专栏
03-30 1万+
1.在windows系统上部署web项目非常简单.   a.配置java环境变量JAVA_HOME, CLASSPATH和PATH.   b.配置Tomcat环境变量CATALINA_HOME.   c.将web项目通过IDE工具(例如myeclipse)导出为war包.   d.将war包拷贝到tomcat的webapps目录下,执行tomcat的bin目录下startup.bat脚本.
【Linux】进程状态相关知识详细梳理
fulufulucode的博客
11-03 677
可以看到，子进程退出后，父进程没有进行资源回收（调用wait()）,子进程的状态就会变成“Z+”，其中Z表示僵尸状态 ，+表示进程属于前台进程的一部分。每个僵尸进程在进程表中保留一个条目，系统的进程表是有限的。如果僵尸进程数量过多，可能会导致进程表满，新的进程无法创建。fork函数“有两个返回值”，父进程会返回子进程的pid，子进程会返回0，于此同时，子进程会继承父进程的代码以及数据（所有运行在系统里的进程都以task_struct链表的形式存在内核里，也可以称为进程表。那么如果父进程先退出呢？
Linux下的systemd/service
最新发布
zxz_Fine的博客
11-05 361
开机自启任务
Linux：网络协议socket
Au_ust的博客
11-05 791
我们之前学的通信是本地进程间通信，如果我们想在网络间通信的话，就需要用到二者的ip地址，分别被称为源IP地址和目的IP地址，被存入ip数据包中，其次我们还需要遵循一些通信协议。TCP协议：传输层协议，有连接，可靠传输，面向字节流（无明确边界的字节序列），难UDP协议：传输层协议，无连接，不可靠传输，面向数据流（以数据包为单位），简单网络通信的本质也是进程间通信，你怎么知道你要和哪个进程通信？
Linux——Linux基础指令
辰多代码的博客
11-05 505
比 more 更强大的分页器，支持前后翻页和搜索。1：移动文件或目录（前提是目标文件或目录不存在）。：重命名文件或目录（前提是目标文件或目录存在）。:：显示系统上当前登录的用户及其相关信息。：显示网络连接、路由表和网络接口统计信息。：统计文件的行数、字数和字节数。：显示当前工作目录的完整路径。：列出目录中的文件和子目录。：显示或设置系统日期和时间。：在目录层次结构中搜索文件。：显示系统中正在运行的进程。：配置或显示网络接口信息。：显示当前用户的用户名。：更新现有文件的时间戳。：查找可执行文件的位置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值