本地开发环境配置Nginx

本地开发环境配置Nginx

目的：前端本地开发环境联调测试服务器上的后端，Cookie不能跨域问题

Mac系统

---

• 1.安装Nginx：

brew install nginx

安装目录：/usr/local/Cellar/nginx/

配置文件路径：/usr/local/etc/nginx

日志位置：
/usr/local/var/log/nginx/access.log
/usr/local/var/log/nginx/error.log

2. 查看Nginx配置文件：/usr/local/etc/nginx/

worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       8080;
        server_name  localhost;
        location / {
            root   html;
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
    include /usr/local/etc/nginx/conf.d/*.conf;
}

3. 在/usr/local/etc/nginx/conf.d/目录下新建一个配置文件kdrp.conf：

观察上面include的目录，有的可能不是conf.d, 是servers目录

server {
    listen 80;
    server_name localhost;
    charset     utf-8;
    client_max_body_size 75M;

    location ^~ /api/ {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_pass http://***.com/api/;
    }

    location / {
        proxy_pass http://localhost:8000/;
    }
}

以/api/开头的请求地址会转发到测试服务器上 http://*.com/api/
其他请求地址会转发到前端开发环境：http://localhost:8000/ （你需先启动前端服务）

4. 测试Nginx配置文件是否正确：

> nginx -t

5. 启动或重启Nginx服务：

> nginx
或
> nginx -s reload

6.浏览器中输入http://127.0.0.1/ 访问

Windows系统

1. 下载nginx

2. 在nginx安装目录的conf目录下新建一个配置文件kdrp.conf：

worker_processes  1;
error_log  logs/error-debug.log info;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type   application/octet-stream;
    sendfile        on;

    keepalive_timeout  65;
    server {
        listen 80;
        server_name localhost 127.0.0.1 ;
        charset     utf-8;
        client_max_body_size 75M;

        location ^~ /api/ {
                proxy_set_header X-Real-IP $remote_addr;
                proxy_pass http://***.com/api/;
        }

        location / {
            proxy_pass http://localhost:8000/;
        }
    }
}

3. 启动Nginx服务：

先进入nginx安装目录（或自己配置环境变量）

nginx -c conf\kdrp.conf

4. 停止Nginx服务：

nginx -s stop 
或
taskkill /F /IM nginx.exe > nul