本地开发环境配置Nginx

墨蓝 2022-06-17 04:40 352阅读 0赞

## 本地开发环境配置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/][http_localhost_8000] （你需先启动前端服务）

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

> nginx -t

#### 5. 启动或重启Nginx服务： ####

> nginx
    或
    > nginx -s reload

#### 6.浏览器中输入[http://127.0.0.1/][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

[http_localhost_8000]: http://localhost:8000/
[http_127.0.0.1]: http://127.0.0.1/