阿里云服务器(centos7.6)部署前后端分离项目(MAC环境)

Jdk17安装部署

下载地址：https://www.oracle.com/java/technologies/downloads/
选择自己需要的jdk版本进行下载。

通过mac终端scp命令上传下载好的jdk17到服务器的/usr/local目录下

scp -r Downloads/jdk-17.0.13_linux-x64_bin.tar.gz 用户名@服务器ip地址:/usr/local

上传成功

进入到/usr/local目录下，解压jdk到对应目录

tar -zxvf jdk-17.0.13_linux-x64_bin.tar.gz -C /usr/local

移动jdk到java目录下

 mv /usr/local/jdk-17.0.13 /usr/local/java

进入profile文件，对jdk设置全局变量

vi /etc/profile

添加

export JAVA_HOME=/usr/local/java
export PATH=$JAVA_HOME/bin:$PATH

按下 esc 退出insert模式 再输入 :wq

生效配置文件

source /etc/profile

验证：

java -version

nginx安装：

wget http://nginx.org/download/nginx-1.27.2.tar.gz

安装所需库文件

#安装库文件
 
yum install gcc-c++ -y
yum install -y pcre pcre-devel -y
yum install -y zlib zlib-devel -y
yum install -y openssl openssl-devel -y

创建目录

mkdir /usr/local/nginx

下载nginx1.27

wget http://nginx.org/download/nginx-1.27.2.tar.gz

解压到指定目录

tar -zxvf /tmp/nginx-1.27.2.tar.gz -C /usr/local/nginx

进行编译安装

cd /usr/local/nginx/nginx-1.27.2
 
./configure --with-http_stub_status_module --with-http_ssl_module

make && make install

创建软连接，让系统识别Nginx命令

ln -s /usr/local/nginx/sbin/nginx /usr/local/sbin/

#检查文件是否正确

nginx -t

启动

nginx    

常用命令

 
ps -ef | grep nginx  # 查看
./nginx -s stop      # 停止
./nginx -s reload    # 重启

ps -ef | grep nginx

打开阿里云ecs控制台，点击安全组->管理规则->添加

打开80端口，然后在网页上输入自己服务器的公网ip就可以访问到nginx页面了

先将自己的vue工程进行打包

我是通过mac终端命令scp上传前端项目到服务器 命令如下

scp -r /opt/homebrew/opt/nginx/html/sky 云服务器用户名@ip地址:/usr/local/nginx/html/

简单修改一下配置文件(vi /usr/local/nginx/conf/nginx.conf)

配置好后重启nginx

cd /usr/local/nginx/sbin    
./nginx -s reload

在网页上输入自己服务器的公网ip就可以访问到nginx页面了