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


Posted in Servers onMarch 31, 2021

本文主要介绍了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前后端同域名配置内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!


Tags in this post...

Servers 相关文章推荐
使用nginx动态转换图片大小生成缩略图
Mar 31 Servers
Nginx 负载均衡是什么以及该如何配置
Mar 31 Servers
zabbix自定义监控nginx状态实现过程
Nov 01 Servers
nginx中封禁ip和允许内网ip访问的实现示例
Mar 17 Servers
Nginx虚拟主机的配置步骤过程全解
Mar 31 Servers
CentOS7和8下安装Maven3.8.4
Apr 07 Servers
Nginx配置根据url参数重定向
Apr 11 Servers
Windows server 2012搭建FTP服务器
Apr 29 Servers
Linux中sftp常用命令整理
Jun 28 Servers
在windows server 2012 r2中安装mysql的详细步骤
Jul 23 Servers
Elasticsearch6.2服务器升配后的bug(避坑指南)
Sep 23 Servers
Nginx同一个域名配置多个项目的实现方法
Mar 31 #Servers
Apache压力测试工具的安装使用
Apache站点配置SSL强制跳转443
Mar 09 #Servers
使用Apache的rewrite
Mar 09 #Servers
nginx 设置多个站跨域
Mar 09 #Servers
Centos7.7 64位利用本地完整安装包安装lnmp/lamp套件教程
Nginx实现反向代理
Sep 20 #Servers
You might like
DIY一个适配电脑声卡的动圈话筒放大器
2021/03/02 无线电
一个高ai的分页函数和一个url函数
2006/10/09 PHP
php&mysql 日期操作小记
2012/02/27 PHP
php通过修改header强制图片下载的方法
2015/03/24 PHP
PHP验证信用卡卡号是否正确函数
2015/05/27 PHP
非常经典的PHP文件上传类分享
2016/05/15 PHP
php中序列化与反序列化详解
2017/02/13 PHP
15 个 JavaScript Web UI 库
2010/05/19 Javascript
parseInt parseFloat js字符串转换数字
2010/08/01 Javascript
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
2013/07/09 Javascript
多种方式实现JS调用后台方法进行数据交互
2013/08/20 Javascript
jquery动态增加删除表格行的小例子
2013/11/14 Javascript
详解Layer弹出层样式
2017/08/21 Javascript
Javascript快速实现浏览器系统通知
2017/08/26 Javascript
基于JavaScript中标识符的命名规则介绍
2018/01/06 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
2018/09/03 Javascript
Vue中Quill富文本编辑器的使用教程
2018/09/21 Javascript
Vue 进阶之路(三)
2019/04/18 Javascript
[01:35]辉夜杯战队访谈宣传片—iG.V
2015/12/25 DOTA
[01:06]DOTA2隆重推出2016冬季勇士令状 内含上海特级锦标赛互动指南
2016/02/17 DOTA
Python代理抓取并验证使用多线程实现
2013/05/03 Python
结合Python的SimpleHTTPServer源码来解析socket通信
2016/06/27 Python
Python中交换两个元素的实现方法
2018/06/29 Python
python 保存float类型的小数的位数方法
2018/10/17 Python
在python3中pyqt5和mayavi不兼容问题的解决方法
2019/01/08 Python
python的依赖管理的实现
2019/05/14 Python
scrapy-redis源码分析之发送POST请求详解
2019/05/15 Python
Django rstful登陆认证并检查session是否过期代码实例
2019/08/13 Python
Python实现鼠标自动在屏幕上随机移动功能
2020/03/14 Python
scrapy实践之翻页爬取的实现
2021/01/05 Python
图解CSS3制作圆环形进度条的实例教程
2016/05/26 HTML / CSS
优质飞蝇钓和渔具:RiverBum
2020/05/10 全球购物
临床医学专业个人的自我评价
2013/09/27 职场文书
会议承办单位欢迎词
2019/07/09 职场文书
Python Pandas知识点之缺失值处理详解
2021/05/11 Python
Nginx反向代理至go-fastdfs案例讲解
2021/08/02 Servers