macPro安装nginx-一一网

macPro安装nginx

一、首先安装brew

brew.sh/index_zh-cn… 按照这个网址安装brew,如果很慢的话，可以看这里：

二、安装完毕后，打开命令行。

brew updata
复制代码

三、查看nginx信息

brew search nginx
复制代码

四、安装nginx

brew install nginx
复制代码

安装完毕，主页的文件在 /usr/local/val/wwww 文件下，这里面有50x.html和index.html

对应的配置文件在 /usr/local/etc/nginx/nginx.conf

另外，也可以通过命令nginx -V 来查看nginx的信息

nginx -V
复制代码

其中：–conf-path=/usr/local/etc/nginx/nginx.conf 是nginx的配置信息
–prefix=/usr/local/Cellar/nginx/1.19.0 是nginx的安装目录及版本号
–sbin-path=/usr/local/Cellar/nginx/1.19.0/bin/nginx 是nginx的bin目录
–error-log-path=/usr/local/var/log/nginx/error.log 是nginx运行的错误日志目录
–http-proxy-temp-path=/usr/local/var/run/nginx/proxy_temp 是运行大网页时的nginx缓存目录

五、运行nginx

nginx
复制代码

nginx默认使用80端口，如果有应用正在使用这个端口，可以杀掉这个进程（kill -9 进程号）也可以修改/usr/local/etc/nginx/nginx.conf中的配置信息，改成你的应用所使用的端口号。

下面是我的项目中所使用的配置信息


user  用户名 owner;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    #client_max_body_size 100M;
    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;
    #轮循  每个请求按照时间顺序轮流分配到不同的后端服务器，如果某个后端服务器down掉后，能自动剔除
    upstream aglacwy {
      #server 10.10.66.102:80;
      server 10.16.21.57:9200;
#       server 10.10.66.108;
#       server 10.10.66.102:80;
        #server 10.10.66.67:8006;
    }

    upstream vueDev8088 {
      server 127.0.0.1:8088;
#       server 127.0.0.1:9093;
    }

    #app测试环境
    upstream prsapp {
      server 10.10.66.108:80;
    }

    server {
	    listen 9500;
	      server_name 127.0.0.1;
              proxy_connect_timeout 600;             #跟后端服务器连接超时时间，发起握手等候响应时间
		proxy_send_timeout 600;                #后端服务器回传时间，就是在规定时间内后端服务器必须传完所有数据
		#proxy_read_timeout 600;                #连接成功后等待后端服务器的响应时间，已经进入后端的排队之中等候处理
		#proxy_buffer_size 256k;                #代理请求缓冲区,会保存用户的头信息以供nginx进行处理
		#proxy_buffers 4 256k;                  #同上，告诉nginx保存单个用几个buffer最大用多少空间
		#proxy_busy_buffers_size 256k;          #如果系统很忙时候可以申请最大的proxy_buffers
		#proxy_temp_file_write_size 256k;       #proxy缓存临时文件的大小
		#proxy_next_upstream error timeout invalid_header http_500 http_503 http_404;
		#proxy_max_temp_file_size 128m;
		#proxy_redirect off;
		#client_max_body_size 100M;

        # access_log  logs/host.access.log  main;
        #location ~ ^/pf/(bg) {
            #root  /Users/用户名/worksapce/yonyou/agla-fe-8.31;
            #try_files $uri $uri/ /index.html /pf/bg/vue/index.html last;
            #expires      30d;
        #}
        # vue项目在开发模式下（访问webpack的devServe）路径为/pf/vue的请求特殊处理 如：http://localhost:9200/pf/vue/gl/rpt/glRptLedger/glRptLedger
        location ~ ^/pf/vue {
                proxy_pass   http://vueDev8088;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }
        # vue图片和字体资源
        location ~ ^/(assets|imgs|imgs/mobile) {
                proxy_pass   http://vueDev8088;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

        # 除了路径为/pf/vue的请求 代理到本地资源目录
        location ~ ^/pf/(pub|ma|bg|bida|gl|lp|cu|de|prs|agla-trd|images) {
                root   /Users/用户名/worksapce/yonyou/agla-fe-8.50;
                #root  /Users/用户名/worksapce/yonyou/agla-fe-8.31;

                expires      30d;
        }

        # 其他情况 vue项目在开发模式下（访问webpack的devServe）获取app.js等资源(例如0.js ~ 49.js)
        location ~ /((app|\d*)\.js$) {
                proxy_pass   http://vueDev8088;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

        location ~ {
                # proxy_pass   http://10.4.40.168:9999;
                proxy_pass   http://aglacwy;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

    }

    include servers/*;
}

复制代码

六、重启nginx

nginx -s reload    或者brew services restart nginx 
复制代码

如果没有我上面的自已的配置，则输入网址：http://localhost:8081 就会显示/usr/local/val/www/index.html的内容

七、在这里再说一下之前遇到的问题。

之前遇到过请求界面也是200,但是总是显示不出界面，提示无法连接，请检查是否开启防火墙，但是检查了防火墙是关闭的，最后通过搜索得出nginx在打开大网页时会先把内容存在/usr/local/var/run/nginx/proxy_temp 这个文件夹中，而这个文件夹和nginx运行的文件夹不是同一个用户操作的，导致nginx没有权限去访问/usr/local/var/run/nginx/proxy_temp 中的内容，最后在nginx的配置文件中加入user 用户名 owner;这句代码。且配置让当前这个用户有/usr/local/var/run/nginx/proxy_temp文件的读写操作。右在文件夹上右键-》显示简介：