项目部署到阿里云服务器,前后端分离 springboot+vue(nginx跨域)

最近做了一个前后端分离的项目,然后交付的时候是需要部署到云端服务器的
但是之前我们采用的都是前后端分开部署的,然后就对前端部署的步骤不是很了解
通过网上一顿操作之后,成功部署到云端服务器

首先,我们linux基本的环境要有:
jdk
mysql
nginx

window本地远程连接:xftp(传输文件)、xshell(远程连接Linux)、navicat(远程连接数据库)

window本地远程连接不是唯一的,你能完成这些操作就行


  • 安装JDK1.8
    rpm -qa | grep java
    这里我才用yum方式安装:yum install java-1.8.0-openjdk
    测试是否安装成功:java -version
  • 安装mysql
    下载包:wget -i -c http://dev.mysql.com/get/mysql57-community-release-el7-10.noarch.rpm
    解压包:yum -y install mysql57-community-release-el7-10.noarch.rpm
    安装: yum -y install mysql-community-server
    修改MySQL登录密码:
    默认密码:grep “password” /var/log/mysqld.log(可以直接使用默认密码登录,然后修改登录密码)

vim /etc/my.cnf
在[mysqld]下面添加:skip-grant-tables(免密码登录),重启 MySQL
进入MySQL数据库,选择mysql库(use mysql;)
修改密码:update mysql.user set authentication_string=password(‘新密码’) where user=‘用户’;
刷新权限:flush privileges;
删除/etc/my.cnf中的skip-grant-tables(免密码登录),重启MySQL
使用新密码能登入MySQL,却无法操作(1820错误)(因为5.7有密码规则)。
执行命令:set global validate_password_policy=0;
执行命令:set global validate_password_length=6;
执行命令:ALTER USER ‘root’@‘localhost’ IDENTIFIED BY ‘new password’;
或者: set password for ‘root’@‘localhost’=password(‘MyNewPass4!’);
到这MySQL可以使用123456作为密码登录。(还无法远程登录,只能localhost)

允许远程登陆:

GRANT ALL PRIVILEGES ON  *.*  TO 'root'@'%' IDENTIFIED BY 'password!' WITH GRANT OPTION;

刷新权限:

FLUSH PRIVILEGES;

然后就可以用navicat去远程连接数据库了。

我在操作这些步骤的时候,改了密码之后,密码老是会不正确,所以我是没有去执行以上的操作的,你们可以去试试看看可以不可以。
我是阿里云服务器,阿里云服务器有一个宝塔面板,可以在里面安装mysql
在这里插入图片描述
然后再去创建数据库
在这里插入图片描述

然后我们就可以去用navicat去访问一下我们的数据库了
在这里插入图片描述
连接成功之后,我们把对应的表创建出来,数据全部放进去数据库这块就准备好了
在这里插入图片描述

  • 安装nginx(好像也可以去宝塔面板操作,大家可以去试试)
yum install epel-release -y
yum install nginx -y
systemctl start nginx
systemctl enable nginx


到这一步,我们的环境就算是安装完成了,接下来就是部署了

  • 在项目打包之前,我们要将我们的数据库对应的信息修改一下

在这里插入图片描述

  • 我们首先去idea将我们的代码进行打包(我用的是springboot开发,打包方式为jar包,如果是war包的话,就必须有tomcat,这里不展开说明了)
    在这里插入图片描述

在这里插入图片描述
双击之后,程序会帮我们打包成jar包
项目文件目录会多出一个target文件夹,里面就有一个jar包
在这里插入图片描述
用xftp连接上我们的服务器
在这里插入图片描述
找到一个你喜欢的位置放置你的jar包,建议是一个项目一个文件夹
在这里插入图片描述
最开始的时候是只有jar包的,剩下的文件是项目运行起来才有的。

用xshell连接云端服务器
在这里插入图片描述

连接上去之后,切换到我们的放置jar包的文件夹
在这里插入图片描述

运行命令

nohup java -jar {jar包名字} &

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

可以通过命令查看运行情况

cat nohup.out 查看日志打印信息
tail -f nohup.out 动态查看日志打印信息

看到这个说明后台项目启动成功:
在这里插入图片描述
如果我们要关掉项目通过命令行查找进程号,杀死进程就好了
在这里插入图片描述

  • 然后我们开始部署前端项目了
    我们之前已经安装了nginx了,我们现在来配置。
    首先我们要把我们前端编程产生的dist文件夹放到我们要存放的路径下(这里我是和项目jar包放在同一个文件夹下面)
    在这里插入图片描述
    然后我们通过配置nginx来部署:
    一般nginx的配置文件在 /etc/nginx/ 文件夹下面
    在这里插入图片描述
    使用vim命令配置nginx.conf
vim nginx.conf 

如果要修改的话,
先按i 进入插入编辑模式,
编辑完成之后,按esc退出编辑,
按:wq让文件保存并退出
在这里插入图片描述

location /api{
            proxy_pass http://ip地址:8181/项目名称/;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

修改了配置文件之后,我们重启一下nginx服务
在这里插入图片描述

此时项目就算是部署完毕了
我们来访问一下:ip地址:9999/dist
在这里插入图片描述
页面正常显示,部署完毕!!

©️2020 CSDN 皮肤主题: 大白 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值