Nginx实现请求转发

什么是请求转发?Nginx实现请求转发_第1张图片

环境配置

  1. 到官网下载nginx,这里使用的windows版本,最好使用Linux版本(性能好)

  2. 把下载好的文件解压,在Nginx.conf进行配置
    (1)修改Nginx默认端口,把80修改为81

    listen       81;
    server_name  localhost;
    

    (2)配置Nginx转发规则,在http{}加入下面配置:

    
        server {
           
            listen       9001;
            server_name  localhost;
    
            location ~ /eduservice/ {
            #如果包含eduservice,则转到8001
               proxy_pass http://localhost:8001;
            }
    
             location ~ /eduoss/ {
           
               proxy_pass http://localhost:8002;
            }
        }
    

    配置文件中的eduserviceeduoss,是项目中的两个服务,其中eduservice对应端口8001,eduoss对应端口8002
    Nginx实现请求转发_第2张图片

    (3)在Vue前端项目中的dev.env.js配置文件中的地址改成Nginx的地址:
    Nginx实现请求转发_第3张图片

测试

  1. 配置完成后,重启Nginx(先停止在重启)

    	nginx.exe -s stop  //停止
    	nginx.exe  //启动
    

    Nginx实现请求转发_第4张图片

  2. 启动eduserviceeduoss服务
    Nginx实现请求转发_第5张图片

  3. 启动项目前端npm run dev
    Nginx实现请求转发_第6张图片

  4. 查看调用接口的头信息,发现是9001端口,这说明Nginx生效了
    Nginx实现请求转发_第7张图片

总结

(1)以后,后端服务扩展,我们直接在nginx.conf的sever中增加对应要访问的端口就好了
(2)在启动项目的后端服务和前端服务之前,我们要先启动Nginx,不然会访问出错

你可能感兴趣的:(nginx,nginx)