谷粒学苑项目实战(十):使用Nginx配置请求转发

简介: 之前前端的请求端口为8001,可是现在我们又多了8002端口,后面还会有8003、8004……,如何让前端能够请求这么多的端口呢?也许我们可以写多个BASE_API,分别对应多个端口,可是在vue框架中许多地方都要用到BASE_API,这样修改的地方太多。这就需要用到Nginx的请求转发了。

前言  


 

之前前端的请求端口为8001,可是现在我们又多了8002端口,后面还会有8003、8004……,如何让前端能够请求这么多的端口呢?


也许我们可以写多个BASE_API,分别对应多个端口,可是在vue框架中许多地方都要用到BASE_API,这样修改的地方太多。

     

这就需要用到Nginx的请求转发了。


一、Windows中下载Nginx



下载地址:http://nginx.org/en/download.html

db54c90f6283491da12c67e921001602.png


二、修改conf文件


     

解压到任意目录后,打开 nginx-1.10.3\conf\nginx.conf(可以先备份一份,避免改错)


1、修改端口号


Nginx默认为80端口,太容易冲突了,改为81端口。


b4ff9f67173947eb8581fd7cbee5a5ce.png


2、配置请求转发


一定要写在http中:

68edfaf75b2845bab4defb8ee354b379.png955ebb1f2b584c8babd23049da000226.png


#谷粒学苑配置
  server {
      listen 9001;
      server_name localhost;
    location ~ /eduservice/ { 
      proxy_pass http://localhost:8001;
    }
    location ~ /eduoss/ { 
      proxy_pass http://localhost:8002;
    }
  }


三、修改前端请求地址


     

之前写的8001,我们现在改为9001。


9de95d0df8e54ed183a40df50aa34f27.png


四、Nginx重启的注意事项


     

我们在运行Nginx时,是使用命令行运行nginx.exe

     

关闭Nginx时,直接关窗口并不能停止Nginx,必须通过命令:

nginx -s stop


很多时候重启配置没有生效,也是这个原因,重启可以先用停止命令再用启动命令,也

可以直接使用重启命令:

nginx -s reload


这是一个必须要注意的点。


五、运行测试


     

启动Nginx、前端、后端8001、8002,

     

登录后看看请求:

6701583baa684361b2772eb9a6f2bdfb.png


能够登录成功,并且请求已经变为配置的请求转发9001了。


其他功能也正常。


那么我们的Nginx请求转发就配置完成了。


相关文章
|
2月前
|
负载均衡 监控 应用服务中间件
配置Nginx反向代理时如何指定后端服务器的权重?
配置Nginx反向代理时如何指定后端服务器的权重?
138 61
|
16天前
|
存储 应用服务中间件 nginx
nginx反向代理bucket目录配置
该配置实现通过Nginx代理访问阿里云OSS存储桶中的图片资源。当用户访问代理域名下的图片URL(如 `http://代理域名/123.png`)时,Nginx会将请求转发到指定的OSS存储桶地址,并重写路径为 `/prod/files/2024/12/12/123.png`。
54 5
|
2月前
|
缓存 负载均衡 算法
如何配置Nginx反向代理以实现负载均衡?
如何配置Nginx反向代理以实现负载均衡?
|
1月前
|
负载均衡 前端开发 应用服务中间件
负载均衡指南:Nginx与HAProxy的配置与优化
负载均衡指南:Nginx与HAProxy的配置与优化
60 3
|
2月前
|
安全 应用服务中间件 网络安全
如何测试Nginx反向代理实现SSL加密访问的配置是否正确?
如何测试Nginx反向代理实现SSL加密访问的配置是否正确?
77 3
|
2月前
|
安全 应用服务中间件 网络安全
配置Nginx反向代理实现SSL加密访问的步骤是什么?
我们可以成功地配置 Nginx 反向代理实现 SSL 加密访问,为用户提供更安全、可靠的网络服务。同时,在实际应用中,还需要根据具体情况进行进一步的优化和调整,以满足不同的需求。SSL 加密是网络安全的重要保障,合理配置和维护是确保系统安全稳定运行的关键。
132 3
|
2月前
|
应用服务中间件 网络安全 nginx
轻松上手Nginx Proxy Manager:安装、配置与实战
Nginx Proxy Manager (NPM) 是一款基于 Nginx 的反向代理管理工具,提供直观的 Web 界面,方便用户配置和管理反向代理、SSL 证书等。本文档介绍了 NPM 的安装步骤,包括 Docker 和 Docker Compose 的安装、Docker Compose 文件的创建与配置、启动服务、访问 Web 管理界面、基本使用方法以及如何申请和配置 SSL 证书,帮助用户快速上手 NPM。
299 1
|
Web App开发 前端开发 应用服务中间件
nginx实现请求转发
反向代理适用于很多场合,负载均衡是最普遍的用法。 nginx 作为目前最流行的web服务器之一,可以很方便地实现反向代理。 nginx 反向代理官方文档: NGINX REVERSE PROXY 当在一台主机上部署了多个不同的web服务器,并且需要能在80端口同时访问这些web服务器时,可以使用 nginx 的反向代理功能: 用 nginx 在80端口监听所有请求,并依据转发规则(比较常见的是以 URI 来转发)转发到对应的web服务器上。
2904 0
|
2月前
|
缓存 应用服务中间件 网络安全
Nginx中配置HTTP2协议的方法
Nginx中配置HTTP2协议的方法
124 7
|
3月前
|
应用服务中间件 BI nginx
Nginx的location配置详解
【10月更文挑战第16天】Nginx的location配置详解