nginx前后端同域名配置的方法实现

 更新时间:2021年03月31日 09:46:06   作者:JAVA拾贝  
这篇文章主要介绍了nginx前后端同域名配置的方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

本文主要介绍了nginx前后端同域名配置的方法实现,分享给大家,具体如下:

upstream dfct {
# ip_hash;
 server 121.41.19.236:8192;
}
 
server {
 server_name ct.aeert.com;
 
 location / {
  root /opt/web;
  try_files $uri $uri/ /index.html;
  error_page 405 =200 http://$host$request_uri;
 }
 
 location ^~/web/ {
  proxy_set_header Host $proxy_host;
#  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_pass http://121.41.19.236:8192/;
 }
 
 
 listen 443 ssl; # managed by Certbot
 ssl_certificate /etc/letsencrypt/live/ct.aeert.com/fullchain.pem; # managed by Certbot
 ssl_certificate_key /etc/letsencrypt/live/ct.aeert.com/privkey.pem; # managed by Certbot
 include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
 ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
 
}
 
 
server {
 if ($host = ct.aeert.com) {
  return 301 https://$host$request_uri;
 } # managed by Certbot
 
 
 listen 80;
 server_name ct.aeert.com;
 return 404; # managed by Certbot
 
 
}

补充:前后端分离的项目使用nginx部署的三种方式

前后端分离的项目,前端和后端可以用不同的域名,也可以用相同的域名

以下为前后端使用相同域名情况:

一、前端使用www.xxx.com,后端使用api.xxx.com

server {
server_name www.xxx.com;

location / {
 root /tmp/dist;
 index index.html;
 try_files $uri $uri/ /index.html;
  }
 }

server {
server_name api.xxx.com;
location / {
uwsgi_pass 127.0.0.1:8000;
include /etc/nginx/uwsgi_params;
 }
}

二、前端使用www.xxx.com,后端使用www.xxx.com/api/

1、uwsgi如果是使用http方式可以这样配

server {
server_name www.xxx.com;

location / {
 root /tmp/dist;
 index index.html;
 try_files $uri $uri/ /index.html;
 }

location ^~ /api/ {
 proxy_pass http://127.0.0.1:8000/;
 }
}

2、uwsgi如果是使用socket方式的话需要这样配

server {
server_name www.xxx.com;
location / {
 root /tmp/dist;
 index index.html;
 try_files $uri $uri/ /index.html;
}

location ^~ /api/ {
 proxy_pass http://127.0.0.1:8080/;
 }
}
server {
listen 8080;
location / {
uwsgi_pass 127.0.0.1:8000;
include /etc/nginx/uwsgi_params;
 }
}

到此这篇关于nginx前后端同域名配置的方法实现的文章就介绍到这了,更多相关nginx前后端同域名配置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 升级nginx支持HTTP/2服务端推送的方法

    升级nginx支持HTTP/2服务端推送的方法

    这篇文章主要介绍了升级nginx支持HTTP/2服务端推送的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • 详解Nginx启用proxy_buffer缓冲

    详解Nginx启用proxy_buffer缓冲

    本篇文章主要介绍了Nginx启用proxy_buffer缓冲,Nginx启用proxy_buffer缓冲,本文详细的介绍了基本用法,具有一定的参考价值,有兴趣的可以了解一下
    2018-01-01
  • Nginx安装及配置详细分析

    Nginx安装及配置详细分析

    这篇文章主要介绍了Nginx在各种系统和环境中的安装及配置详细分析。
    2017-11-11
  • nginx反向代理时如何保持长连接

    nginx反向代理时如何保持长连接

    如果我们使用了nginx去作为反向代理或者负载均衡,从客户端过来的长连接请求就会被转换成短连接发送给服务器端。为了支持长连接,我们需要在nginx服务器上做一些配置。
    2020-10-10
  • 详解Nginx 动态 DNS 反向代理的几种写法

    详解Nginx 动态 DNS 反向代理的几种写法

    这篇文章主要介绍了详解Nginx 动态 DNS 反向代理的几种写法,详细的介绍了Nginx 动态 DNS 反向代理的4种方法,非常具有实用价值,需要的朋友可以参考下
    2018-05-05
  • Nginx源码研究之nginx限流模块详解

    Nginx源码研究之nginx限流模块详解

    这篇文章主要介绍了Nginx源码研究之nginx限流模块详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • Nginx服务器Nginx.com配置文件详解

    Nginx服务器Nginx.com配置文件详解

    这篇文章主要介绍了Nginx服务器Nginx.com配置文件详解的相关资料,本文介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • Nginx+Tomcat实现负载均衡、动静分离的原理解析

    Nginx+Tomcat实现负载均衡、动静分离的原理解析

    这篇文章主要介绍了Nginx+Tomcat实现负载均衡、动静分离的原理解析,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-02-02
  • Windows系统下Nginx服务器的基本安装和配置方法介绍

    Windows系统下Nginx服务器的基本安装和配置方法介绍

    这篇文章主要介绍了Windows系统下Nginx服务器的基本安装和配置方法,文中给出了一个配置文件的实例并作出了些说明,需要的朋友可以参考下
    2015-12-12
  • 在Nginx中增加对OAuth协议的支持的教程

    在Nginx中增加对OAuth协议的支持的教程

    这篇文章主要介绍了在Nginx中增加对OAuth协议的支持的教程,OAuth协议如今广泛用于社交网络的API中,需要的朋友可以参考下
    2015-06-06

最新评论