前端nginx代理配置

前端nginx代理配置

需求是这样的，前端项目跑起来后（127.0.0.1:8888），我想通过其他域名来访问到(www.abc.com）

本地ip是 **192.168.1.109 **

首先配置host ：192.168.1.109 www.abc.com
配置nginx代理服务器：

server {
     listen 80;
     server_name 192.168.1.109;

     location / {
       proxy_pass http://127.0.0.1:8888;
     }
   }

启动nginx 访问www.abc.com即可

如果项目里不同路径配置了不同项目，在nginx里配置反向代理即可

• 请求/login 去端口8080服务，请求/index 去端口8081服务
  配置nginx代理服务器：

server {
     listen 80;
     server_name 192.168.1.109;

     location / {
       proxy_pass http://127.0.0.1:8888;
     }
       location ~ /login/ {
       proxy_pass http://127.0.0.1:8080;
     }
       location ~ /index/ {
       proxy_pass http://127.0.0.1:8081;
     }
   }

##### 如果访问接口跨域，可以配置nginx代理转到原域即可
-  假设 本地项目为3000端口 ， 访问公共api时跨域(https://api.binstd.com/news/get?channel=%E5%A4%B4%E6%9D%A1&start=0&num=10&appkey=d1fa549fbe25658b)

	 server {
       listen   3001;  // 这边nginx重新起一个3001端口，也可以直接用80端口
       server_name  localhost;

  location / {
          proxy_pass http://127.0.0.1:3000; // 默认nginx 80端口不用配置这块
       }

       location /news {  // 代理/news 路径
          proxy_pass https://api.binstd.com;
           error_log /nginx/nginx-1.18.0/myLogs/static-error.log debug; // 配置nginx 日志输出
       }
    }

配置完成后本地访问3001端口即可