nginx + 前后端 配置部署

diff项目后台管理需要配置一下前端。

1.  打开前端代码，package.json，执行 npm i(先编译一下)，然后npm  run dev, 打包的话是npm run build:prod。

2.将前端文件放在 /mnt/soft/**diff/front/managePlatform目录，然后开始配nginx。

在/usr/local/nginx/conf.d 配置文件夹中写一个***diff.conf文件，意思是监听 server_name服务的9001端口，如果路径是/ 就转到前端所在目录。如果路径带有/prod-api/就转到后端服务器：8999端口。

server {
    listen 9001;
    server_name 服务器地址;

    location / {
        root /mnt/soft/***diff/front/managePlatform/;
        index index.html;
        try_files $uri $uri/ /index.html;
    }
    location /prod-api/ {
       proxy_pass http://服务器地址:8999;
       proxy_connect_timeout 15s;
       proxy_send_timeout 15s;
       proxy_read_timeout 15s;
       proxy_set_header X-Real-IP $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       proxy_set_header X-Forwarded-Proto http;
           rewrite ^/prod-api/(.*) /$1 break;
    }
    # 避免端点安全问题
    if ($request_uri ~ "/actuator"){
        return 403;
    }
 }

3. 将配置文件包含到主配置文件中：在/usr/local/nginx/conf目录下的nginx.conf中，使用include指令将Nginx的server拆分为多个文件是一种管理和维护Nginx配置文件。其中，include /usr/local/nginx/conf.d/*.conf;表示conf.d目录下，所有以.conf结尾的配置文件。

#user  nobody;
worker_processes  auto;

#pid        logs/nginx.pid;

events {
    worker_connections  4096;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;
    include /usr/local/nginx/conf.d/*.conf;
    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
        }

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        
    }
}

4. 重新加载nginx配置文件使其生效

先利用/usr/local/nginx/sbin/nginx -t测试配置文件修改是否正常
/usr/local/nginx/sbin/nginx -s reload重新加载

注意：root和alias区别Nginx系列：root与alias指令用法的区别-腾讯云开发者社区-腾讯云 (tencent.com)

区别就是当匹配上路径后，重定向的路径若使用root，那就加上location后面的路径，若是alias,那重定向的路径就不会加location，而只是alias.