快捷導(dǎo)航

蘋果M1芯片安裝nginx 并且部署vue項(xiàng)目步驟詳解

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

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

brew安裝nginx

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

第一步當(dāng)然是更新我們的brew庫(kù)，可以認(rèn)為這個(gè)玩意就是個(gè)軟件倉(cāng)庫(kù)，類似于安卓市場(chǎng)，蘋果appStore

brew update

第二步直接查找我們的brew庫(kù)中有沒有nginx這個(gè)玩意兒

brew search nginx

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

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

brew install nginx

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

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

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

說(shuō)明	路徑
nginx配置路徑（conf等文件）	/usr/local/etc/nginx
nginx上面部署的項(xiàng)目放包地址	/usr/local/etc/nginx/servers
nginx中的日志	/usr/local/var/log/nginx
nginx中訪問(wèn)默認(rèn)首頁(yè)地址	/usr/local/var/www

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

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

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

在這里插入圖片描述

網(wǎng)上大部分都是相對(duì)路徑，我不知道是什么問(wèn)題，我本地不行，要用絕對(duì)路徑，上面路徑的那個(gè)servers/html 的那個(gè)東西就是你的vue項(xiàng)目npm run build 命令后的dist包，解壓后放到這個(gè)路徑就行了，名字一定要和你nginx配置文件的路徑對(duì)應(yīng)

最后大結(jié)局

最終就是啟動(dòng)nginx了，直接終端命令輸入

nginx

如果要指定你啟動(dòng)的nginx.conf文件

nginx -c /跟路徑

停止nginx

nginx -s stop

重啟nginx

nginx -s reload

到此這篇關(guān)于蘋果M1芯片安裝nginx 并且部署vue項(xiàng)目的文章就介紹到這了,更多相關(guān)蘋果M1芯片安裝nginx 并且部署vue項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！