搬瓦工VPS
拥有10+机房且可自主切换机房

完整版Nginx反向代理配置实现前后端项目分离部署

项目发布了只提供了一个ip和端口使用。要完成前后分离项目的部署,因此需要把后端服务代理到前端访问的域名和端口上去,因此用上了nginx的反向代理。

我们找到了nginx的配置文件defalut.conf配置文件:

upstream project{
    server 127.0.0.1:9090;
}

server {
    listen       80;
    server_name  127.0.0.1 localhost;
    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    #location / {
    #    root   /usr/share/nginx/html;
    #    index  index.html index.htm;
    #}
  ## 前端vue的配置
  root    /usr/share/nginx/html;
  location / {
    try_files $uri $uri/ @router;
    index index.html;
  }
  location @router {
    rewrite ^.*$ /index.html last;
  }

  error_page 404 /404.html;
    location = /40x.html{
  }
  error_page 500 502 503 504 /50x.html;
    location = /50x.html{
  }
  # 反向代理后端服务到前端访问地址上面的 apis上面
  location ^~/apis/ {
        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_set_header X-NginX-Proxy true;
        # 重写url
        rewrite ^/apis/(.*)$ /$1 break;
        proxy_pass http://project;
   }
}

这样代理以后前端访问后端服务的地址就是。(版权机器人识别记录202110271555089)

域名/ip:80/apis/
赞(0)
未经允许不得转载:搬瓦工中文网 » 完整版Nginx反向代理配置实现前后端项目分离部署