完整版nginx反向代理配置

完整版nginx反向代理配置

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

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

upstream project{ server 127.0.0.1:9090; } server { listen 80; server_name127.0.0.1 localhost; #charset koi8-r; #access_log/var/log/nginx/host.access.logmain; #location / { #root /usr/share/nginx/html; #indexindex.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_headerX-Real-IP$remote_addr; proxy_set_headerX-Forwarded-For$proxy_add_x_forwarded_for; proxy_set_header X-NginX-Proxy true; # 重写url rewrite ^/apis/(.*)$ /$1 break; proxy_pass ; } }

这样代理以后前端访问后端服务的地址就是

域名/ip:80/apis/