說(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)文章希望大家以后多多支持腳本之家！