Nginx将请求转发至后端应该怎么做?

这篇具有很好参考价值的文章主要介绍了Nginx将请求转发至后端应该怎么做?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

新建一个nginx server

在nginx的配置文件中新建一个server监听前端部署的端口

server
{
	#监听端口
    listen 80;
    server_name 网站名称;
}

使用Nginx代理前端页面

然后在server中添加一个location,就是把访问路径指向前端项目打包后的地址

location / {
	root 前端项目打包后的地址;
	index index.html index.htm;
}

nginx请求转发到后端

在部署前后端分离项目时,通常都要使用nginx把前端的请求转发到后端的接口上去,这就要配置nginx的proxy_pass功能。

# 转发请求到后端
location /api/ {
	proxy_set_header Host $http_host;
	proxy_set_header X-Real-IP $remote_addr;
	proxy_set_header REMOTE-HOST $remote_addr;
	proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
	# proxy_redirect off;
	# proxy_set_header X-NginX-Proxy true;
	proxy_pass 后端接口地址;
}

代理转发需要注意的事儿

在nginx中配置proxy_pass代理转发时,如果在proxy_pass后面的url加/,表示绝对根路径;如果没有/,表示相对路径,把匹配的路径部分也给代理走。

第一种

代理至地址,proxy_pass 后面没有 “ / ”

location /api {
	proxy_pass http://localhost:9898;
}
  • 访问:http://localhost/api/xxx
  • 转至:http://localhost:9898/xxx

第二种

代理至地址,proxy_pass 后面有 “ / ”

location /api {
	proxy_pass http://localhost:9898/;
}
  • 访问:http://localhost/api/xxx
  • 转至:http://localhost:9898/api/xxx

第三种

代理本地静态页面

location /page {
    alias   /usr/share/nginx/html/page/;
    index  index.html index.html;
}

server其他的配置文章来源地址https://www.toymoban.com/news/detail-441382.html

#一键申请SSL证书验证目录相关设置
location ~ \.well-known{
    allow all;
}
#代理网站图标,可以注释
location  = /favicon.ico {
  root /**/assets/;
}

#禁止访问的文件或目录
location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
{
    return 404;
}

#访问日志
access_log  /**/日志名;
#错误日志
error_log  /**/日志名;

到了这里,关于Nginx将请求转发至后端应该怎么做?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • nginx的请求转发配置

    去官网下载nginx后解压 在当前目录打开cmd窗口输入nginx.exe 即可启动服务 若想停止当前服务 输入命令nginx.exe -s stop 快速关闭nginx服务。 (注意使用Ctrl+C或者直接关闭黑窗口是不能停止服务的 ) 使用Nginx来完成请求的转发 负责分配请求的转发到的服务其他命令: nginx -s quit 优雅的

    2024年02月13日
    浏览(43)
  • Nginx转发post请求变get请求

    最近用nginx转发请求,但是明明是post请求,打到服务上确实get请求,body中的参数都没了,于是去查背后详细的原因。 Nginx配置 ip及端口:192.20.81.34:8081 conf关键配置: 请求连接 1.http请求被转发至https请求引起重定向,导致post变get,显然这个和我的情况无关 2.location后连接多

    2023年04月08日
    浏览(46)
  • 前端上传文件夹或文件至后端(SpringBoot)

    前端上传文件夹使用的是 input 标签的file属性,最重要的是 webkitdirectory 这个属性,有了这个属性之后input才可以选择文件夹,但也只能选择文件夹了。 在webkitdirectory的官方文档里有对该属性的说明。 我们可以在这基础上做延伸,做一个表单来上传文件夹: form要加上 enctype=“

    2024年02月05日
    浏览(55)
  • 使用nginx实现请求转发的功能

    nginx(反向代理服务器)主要功能 请求转发 负载均衡 动静分离 配置nginx,实现请求转发的功能 找到nginx配置文件 在nginx.conf中进行配置 (1)最好将nginx默认的80端口修改为81 (2)配置nginx转发规则 (3)具体配置 修改config/dev.env.js中的BASE_API 重启nginx

    2024年02月11日
    浏览(76)
  • 请求头content-type的不同格式后端应该如何接收

    博客原文地址 \\\"Content-Type\\\" 是HTTP请求头中的一个标头,用于指示请求或响应中包含的实体的媒体类型。它告诉客户端如何处理响应中的数据,并通知服务器客户端正在发送的数据类型。它可以出现在请求或响应标头中。 Content-Type 的值通常由一个媒体类型和一个可选的字符集组

    2024年02月11日
    浏览(45)
  • 【Nginx笔记02】通过Nginx服务器转发客户端的WebSocket接口到后端服务

    这篇文章,主要介绍如何通过Nginx服务器转发客户端的WebSocket接口到后端服务【知识星球】。 目录 一、Nginx配置WebSocket 1.1、Nginx配置内容 1.2、客户端请求地址 1.3、创建WebSocket测试工程 1.4、启动测试 1.5、WebSocket超时问题 1.5.1、设置超时时间 1.5.2、建立心跳机制(推荐) 今天

    2024年04月11日
    浏览(46)
  • nginx 如何将 https 请求转发到 http

    网站之前是 https 的,通过 nginx 设置好了,现在不想用 https 了,但发散到外界的一些网址还是 https 的,此时只能通过 nginx 去转发 https 请求到 http 才能实现之前的链接能正常访问。 具体设置如下: https 的其它设置不需要动,只需要在 server 字段添加一条:

    2024年02月11日
    浏览(57)
  • nginx负载转发源请求http/https:X-Forwarded-Proto及nginx中的转发报头

    今天在排查服务器的问题时最后定位到服务器因为经过了运维这一层的处理,转发过来的请求不管用户请求的是https还是http,我们的proxy服务器收到的都是80端口上的http。于是联系相关部门了解有没有现成的可用的这样一个字段来获得这个值。公司用的也是标准报头,即X-Fo

    2024年02月16日
    浏览(56)
  • 百度语音识别(语音转文字)vue版本 前端(后端需要做个请求转发即可)

    这个项目需要用到语音识别,最后选择的是百度语音识别。原因第一是项目中用到的地方不大,属于微型和小型功能点,第二就是属于临时增加的需求,没有太多的时间去开发,第三就是后端对于自主开发语音识别觉得较为困难,浪费时间。 加载语音识别的文件 下载recorde

    2024年02月12日
    浏览(53)
  • Nginx自动探活后端服务状态自动转发,nginx_upstream_check_module的使用

    nginx对后端节点健康检查的方式主要有3种 1. gx_http_proxy_module 模块和ngx_http_upstream_module模块(自带) 官网地址:http://nginx.org/cn/docs/http/ng … proxy_next_upstream 严格来说,nginx自带是没有针对负载均衡后端节点的健康检查的,但是可以通过默认自带的ngx_http_proxy_module 模块和ngx_htt

    2024年02月10日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包