部署前后端分离

上传前端目录

1、将前端的项目压缩成一个文件（这里以disk.zip为例），然后rz命令上传前端项目

rz

2、解压该项目

unzip disk.zip

3、得到disk全路径

#先进入目录
cd disk
#然后执行
pwd

#我的全路径是
>/usr/local/disk

安装Nginx

1、安装依赖

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

2、切换到软件安装目录（自定义）下载nginx 

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

3、解压

tar -zxvf nginx-1.20.1.tar.gz

4、进入nginx目录

cd nginx-1.20.1

5、设置一下配置信息

./configure

6、编译

make

7、安装，安装会默认将nginx安装在/usr/local/nginx/目录下，如果想安装到其他地方，在./configure 后面跟参数 --prefix=/xxx 指定安装路径

make install

6、编辑nginx配置文件

vim /usr/local/nginx/conf/nginx.conf

7、修改http.server.location

...
http {
    ...
    server {
        ...
        #直接访问前端页面
        location / {
            root   html; ==>root /usr/local/disk;    #这里修改为刚才的前端全路径
            index  index.html index.htm;
        }
        #如果访问路径是www.xxx.com/api/...转发到后台服务
        location /api { 
          proxy_pass  localhost:8080/ # 接口的url;
          proxy_redirect off;
          # 后端的Web服务器可以通过X-Forwarded-For获取用户真实IP
          proxy_set_header  Host  $host;
          proxy_set_header  X-Real-IP  $remote_addr;  
          proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;
          proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504;
}
}

8、检查配置文件有没有对

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

9、启动nginx，并指定配置文件

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

10、重启nginx(修改配置文件后)

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