项目部署到阿里云服务器，前后端分离 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

页面正常显示，部署完毕！！