本地项目配置nginx代理请求接口

1. nginx安装
   安装下载地址：http://nginx.org/en/download.html
2. nginx配置
   相关命令(针对小白，本人也是)：

	1. start nginx // 启动ng服务器
	2. nginx -s reload // 服务杀死后进行重启（每次修改配置需执行此操作）
	3. nginx -t  //查看配置是否成功（一连串英文字符中出现successful）

启动成功的依据是你的进程中会有nginx服务

启动成功后就可以开始进行配置了（文件目录：D:\nginx\nginx-1.20.1\conf\nginx.conf,根据自己实际的安装目录）

ng默认配置

server {
        listen       80;
        server_name  localhost;		
        #charset koi8-r;		
        #access_log  logs/host.access.log  main;      
		# 配置后端服务接口跨域
		 location /cs/ {
			proxy_pass http://xx.xxx.xx.xxxx:8100;
			proxy_set_header Host $proxy_host;
		 }		 
		 location / {
            proxy_pass http://127.0.0.1:5500;
		}
		#error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
     }

前端项目启动在80端口（但是vscode Open with Live Serve 默认是在5500端口打开）：

其实就是项目监听url地址是80，但是在ng中配置了80转接到5500，也就是vscode自带的服务5500端口中，然后项目中发了请求，请求地址中包含有cs的字符串，于是nginx又做了一次转接，三次转接都在同一个端口 80.

前端代理请求接口地址：

于是就请求到了数据，大功告成！！！

3. 总结
   nginx的配置这方面自己基本上是不知道的，完全是小白，但是希望以后的工作生涯中，多多关注一些其他岗位的东西，能收获更多的东西。文章有不好的地方，还望大家多多指出。