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
nginx配置proxy_pass中url末尾带/与不带/的区别详解
Mar 31 Servers
小程序后台PHP版本部署运行 LNMP+WNMP
Apr 01 Servers
Nginx工作原理和优化总结。
Apr 02 Servers
教你快速开启Apache SkyWalking的自监控
Apr 25 Servers
使用 Apache 反向代理的设置技巧
Jan 18 Servers
Z-Order加速Hudi大规模数据集方案分析
Mar 31 Servers
Docker 镜像介绍以及commit相关操作
Apr 13 Servers
Linux服务器离线安装 nginx的详细步骤
Jun 16 Servers
腾讯云服务器部署前后分离项目之前端部署
Jun 28 Servers
Linux中一对多配置日志服务器的详细步骤
Jul 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
ThinkPHP2.0读取MSSQL提示Incorrect syntax near the keyword 'AS'的解决方法
2014/06/25 PHP
Symfony2框架学习笔记之HTTP Cache用法详解
2016/03/18 PHP
PHP集成环境XAMPP的安装与配置
2018/11/13 PHP
论坛特效代码收集(落伍转发-不错)
2006/12/02 Javascript
Javascript 错误处理的几种方法
2009/06/13 Javascript
js操作select控件的几种方法
2010/06/02 Javascript
js word表格动态添加代码
2010/06/07 Javascript
Javascript/Jquery——简单定时器的多种实现方法
2013/07/03 Javascript
javascript实现鼠标拖动改变层大小的方法
2015/04/30 Javascript
jQuery中 delegate使用的问题
2015/07/03 Javascript
javascript性能优化之事件委托实例详解
2015/12/12 Javascript
js拼接html字符串的注意事项
2016/10/13 Javascript
JS自定义混合Mixin函数示例
2016/11/26 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
2017/08/03 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
2017/08/10 Javascript
javascript+jQuery实现360开机时间显示效果
2017/11/03 jQuery
Vue2 SSR渲染根据不同页面修改 meta
2017/11/20 Javascript
Vue.js添加组件操作示例
2018/06/13 Javascript
electron实现qq快捷登录的方法示例
2018/10/22 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
2018/11/20 Javascript
移动端滑动切换组件封装 vue-swiper-router实例详解
2018/11/25 Javascript
使用Python的turtle模块画图的方法
2017/11/15 Python
我就是这样学习Python中的列表
2019/06/02 Python
python 实现list或string按指定分段
2019/12/25 Python
Python字典添加,删除,查询等相关操作方法详解
2020/02/07 Python
如何基于python把文字图片写入word文档
2020/07/31 Python
HTML5 video 视频标签使用介绍
2014/02/03 HTML / CSS
Booking.com德国:预订最好的酒店和住宿
2020/02/16 全球购物
应届生.NET方向面试题
2015/05/23 面试题
经典而简洁的婚礼主持词
2014/03/13 职场文书
公务员学习习总书记“三严三实”思想汇报
2014/09/19 职场文书
预备党员转正材料
2014/12/19 职场文书
校本培训个人总结
2015/02/28 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
高一化学教学反思
2016/02/22 职场文书
CSS子盒子水平和垂直居中的五种方法
2022/07/23 HTML / CSS