前言:

阿里云Ecs服务器部署项目，尤其是对于前后端分离的项目，之前在博客中提到相关SpringBoot部署到服务器：

(35条消息) SpringBoot部署到阿里云服务器_最爱吃大米的博客-CSDN博客

此时对于前后端分离的项目，我们需要将我们对应的前端也部署到服务器，此时我们正对基于vue的框架，我们需要安装相关环境node vue，请自行安装。

1.安装依赖包

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

2.下载并解压安装包

#创建用于存在地址的文件夹
cd /usr/local
mkdir nginx
cd nginx
#从服务器下载相关nginx文件
wget http://nginx.org/download/nginx-1.13.7.tar.gz
#解压文件
tar -xvf nginx-1.13.7.tar.gz

3.安装nginx

#进入nginx目录
cd /usr/local/nginx
#进入目录
cd nginx-1.13.7
#执行命令
./configure
#执行make命令
make
#执行make install命令
make install

4.配置nginx.conf

这是nginx最重要的地方

# 打开配置文件
vi /usr/local/nginx/conf/nginx.conf
i 进入编辑

以下为我的配置（仅供参考）

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
    	# 默认使用80端口，这个可以根据自己前端访问地址自行修改
        listen       80;
        server_name  localhost;

		location / {
			# 需要访问的vue项目页面
            root   /usr/project/dist;
            # vue项目地址
			try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		
		location /prod-api/{
			proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header REMOTE-HOST $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			# 前端访问后端的端口号！！！一定要根据自己项目进行修改
			proxy_pass http://localhost:8081/;
		}		
		location /dev-api/{
			proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header REMOTE-HOST $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			# 前端访问后端的端口号！！！一定要根据自己项目进行修改
			proxy_pass http://localhost:8081/;
		}

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

5.启动nginx

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

如果出现报错：nginx: [error] open() ＂/usr/local/nginx/logs/nginx.pid＂ failed

则运行：

 /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

再次启动即可！

查看nginx进程是否启动：

ps -ef | grep nginx

6.外部主机连接上nginx需要关闭虚拟机的防火墙：

systemctl stop firewalld.service

此时去阿里云终端配置外部访问端口 80 配置安全组规则

常用命令

# 进入目录中
cd /usr/local/nginx/sbin

# 启动
./nginx
# 关闭
./nginx -s stop
# 重启
./nginx -s reload

mg-u5JlUkXA-1626704639886)]

常用命令

# 进入目录中
cd /usr/local/nginx/sbin

# 启动
./nginx
# 关闭
./nginx -s stop
# 重启
./nginx -s reload