谷粒学苑项目实战（十）：使用Nginx配置请求转发

目录

前言        

一、Windows中下载Nginx

二、修改conf文件 

        1、修改端口号 

        2、配置请求转发 

三、修改前端请求地址 

四、Nginx重启的注意事项 

五、运行测试 

---

前言        

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

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

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

 

一、Windows中下载Nginx

 

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

 

二、修改conf文件 

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

        1、修改端口号 

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

 

        2、配置请求转发 

        一定要写在http中：

 

 

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

三、修改前端请求地址 

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

 

四、Nginx重启的注意事项 

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

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

nginx -s stop

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

nginx -s reload

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

五、运行测试 

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

        登录后看看请求：

         

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

        其他功能也正常。

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