二进制的流浪
0%

基于MAC的NGINX配置使用---反向代理解决跨域

发表于 更新于 分类于
本文字数： 1.2k 阅读时长 ≈ 1 分钟

关于Engine X（即Nignx）代理服务器配置说明

安装Nginx

  1. Terminal执行以下代码：

    1
    2
    brew search nginx
    brew install nginx

  2. 安装完成后，Terminal输出信息如下：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    Docroot is: /usr/local/var/www

    The default port has been set in /usr/local/etc/nginx/nginx.conf to 8080 so that
    nginx can run without sudo.

    nginx will load all files in /usr/local/etc/nginx/servers/.

    To start nginx:
      brew services start nginx
    Or, if you don't want/need a background service you can just run:
      /usr/local/opt/nginx/bin/nginx -g 'daemon off;'

    启动Nginx

  3. 第一次安装后启动nginx，Terminal执行以下代码：

    1
    brew services start nginx

    以后再次启动nginx只需执行以下代码：

    1
    sudo nginx

    注：如果出现不成功的情况，可采取以下方法：先结束主进程再重启

    1
    2
    3
    ps -ax | grep nginx # 查看进程号
    sudo kill -s QUIT 主进程ID号
    sudo nginx

  4. 访问Nginx默认端口8080

    1
    localhost:8080

  5. 其他常用命令

    1
    2
    3
    nginx -s stop # 停止nginx
    nginx -s reload # 重启nginx
    nginx # 启动nginx

  6. 配置nginx.conf文件

    • 进入Finder，按住shift+command+G，然后搜索local/etc，找到nginx文件夹

    • 找到nginx.conf文件，进入修改

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      server{
      	listen: 80; // 默认80端口，选择一个未被使用的接口即可
      	server_name: localhost;
      	
      	location /{
      		proxy_pass http://yourfronend.com; // 此处为你浏览器所在的地址
      	}
      	
      	location /api{
      		proxy_pass http://yourbackend.com; // 此处为你浏览器所请求的地址
      	}
      }

  7. 保存文件，重启Nginx

  8. 访问Nignx的监听端口，本例为http://localhost:80

  9. 你会看到前端地址所在的内容

  10. 进行跨域测试