您当前的位置:首页 > 网站建设 > 网站维护
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

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

51自学网 2022-07-04 11:32:58
  网站维护

本文主要介绍了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同一个域名配置多个项目的实现方法
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1