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

Posted on by

brew安裝nginx

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

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

brew update

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

brew search nginx

正常會出現如圖情況

如果出現，證明庫中已經有瞭，直接進行安裝命令

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

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

在這裡插入圖片描述

網上大部分都是相對路徑，我不知道是什麼問題，我本地不行，要用絕對路徑，上面路徑的那個servers/html 的那個東西就是你的vue項目npm run build 命令後的dist包，解壓後放到這個路徑就行瞭，名字一定要和你nginx配置文件的路徑對應

最後大結局

最終就是啟動nginx瞭，直接終端命令輸入

nginx

如果要指定你啟動的nginx.conf文件

nginx -c /跟路徑

停止nginx

nginx -s stop

重啟nginx

nginx -s reload

到此這篇關於蘋果M1芯片安裝nginx 並且部署vue項目的文章就介紹到這瞭,更多相關蘋果M1芯片安裝nginx 並且部署vue項目內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：