快捷導(dǎo)航

蘋果M1芯片安裝nginx 并且部署vue項目步驟詳解

更新時間：2021年11月18日 08:38:09 作者：jacky張嘉琛

在本篇文章里小編給大家整理了一篇關(guān)于蘋果M1芯片安裝nginx 并且部署vue項目步驟詳解內(nèi)容，有需要的朋友們可以跟著學(xué)習(xí)參考下。

brew安裝nginx

蘋果mac安裝使用 brew 安裝，如果brew沒有安裝的話，請到搜索其他地方。
執(zhí)行命令

第一步當然是更新我們的brew庫，可以認為這個玩意就是個軟件倉庫，類似于安卓市場，蘋果appStore

brew update

第二步直接查找我們的brew庫中有沒有nginx這個玩意兒

brew search nginx

正常會出現(xiàn)如圖情況

如果出現(xiàn)，證明庫中已經(jīng)有了，直接進行安裝命令

brew install nginx

安裝完只要沒有報錯，你的nginx就是已經(jīng)安裝成功了。。。

mac環(huán)境下的nginx對應(yīng)路徑

首先肯定是要知道我們的nginx常用的路徑，我已經(jīng)列出來了

說明	路徑
nginx配置路徑（conf等文件）	/usr/local/etc/nginx
nginx上面部署的項目放包地址	/usr/local/etc/nginx/servers
nginx中的日志	/usr/local/var/log/nginx
nginx中訪問默認首頁地址	/usr/local/var/www

編輯nginx對應(yīng)的nginx.conf文件，對應(yīng)我們上面說到的配置路徑

#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;
        }
}

有個細節(jié)特別需要注意，如果你的root不是絕對路徑的話，可能訪問不到

在這里插入圖片描述