苹果M1芯片安装nginx 并且部署vue项目步骤详解

在本篇文章里小编给大家整理了一篇关于苹果M1芯片安装nginx 并且部署vue项目步骤详解内容，有需要的朋友们可以跟着学习参考下。

在本篇文章里小编给大家整理了一篇关于苹果M1芯片安装nginx 并且部署vue项目步骤详解内容，有需要的朋友们可以跟着学习参考下。

brew安装nginx

苹果mac安装使用 brew 安装，如果brew没有安装的话，请到搜索其他地方。
执行命令

第一步当然是更新我们的brew库，可以认为这个玩意就是个软件仓库，类似于安卓市场，苹果appStore

				?

									brew update

第二步直接查找我们的brew库中有没有nginx这个玩意儿

				?

									brew search nginx

苹果M1芯片安装nginx 并且部署vue项目步骤详解

如果出现，证明库中已经有了，直接进行安装命令

				?

									brew install nginx

安装完只要没有报错，你的nginx就是已经安装成功了。。。

mac环境下的nginx对应路径

首先肯定是要知道我们的nginx常用的路径，我已经列出来了

说明	路径
nginx配置路径（conf等文件）	/usr/local/etc/nginx
nginx上面部署的项目放包地址	/usr/local/etc/nginx/servers
nginx中的日志	/usr/local/var/log/nginx
nginx中访问默认首页地址	/usr/local/var/www

编辑nginx对应的nginx.conf文件，对应我们上面说到的配置路径

				?

									#user  nobody;

									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;

									    sendfile        on;

									    #tcp_nopush     on;

									    #keepalive_timeout  0;

									    keepalive_timeout  65;

									    client_body_buffer_size 10m;

									    client_max_body_size 20m;

									    #gzip  on;

									    server {

									        listen       80;

									        server_name  localhost;

									        location / {

									            root   /usr/local/etc/nginx/servers/html;

									            index  index.html;

									            try_files $uri $uri/ /index.html;

									        }

									        location /api {

									           proxy_pass http://localhost:18080/api;

									           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

									           set $Real $http_x_forwarded_for;

									           if ( $Real ~ (\d+)\.(\d+)\.(\d+)\.(\d+),(.*) ){

									                set $Real $1.$2.$3.$4;

									          }

									          proxy_set_header X-Real-Ip $Real;

									        }

									}