蘋果M1芯片安裝nginx 并且部署vue項(xiàng)目步驟詳解
brew安裝nginx
蘋果mac安裝使用 brew 安裝，如果brew沒有安裝的話，請到搜索其他地方。
執(zhí)行命令
第一步當(dāng)然是更新我們的brew庫，可以認(rèn)為這個玩意就是個軟件倉庫，類似于安卓市場，蘋果appStore
brew update
第二步直接查找我們的brew庫中有沒有nginx這個玩意兒
brew search nginx
如果出現(xiàn)，證明庫中已經(jīng)有了，直接進(jìn)行安裝命令
brew install nginx
安裝完 只要沒有報錯，你的nginx就是已經(jīng)安裝成功了。。。
mac環(huán)境下的nginx對應(yīng)路徑
首先肯定是要知道我們的nginx常用的路徑，我已經(jīng)列出來了
| 說明 | 路徑 |
|---|---|
| nginx配置路徑（conf等文件） | /usr/local/etc/nginx |
| nginx上面部署的項(xiàng)目放包地址 | /usr/local/etc/nginx/servers |
| nginx中的日志 | /usr/local/var/log/nginx |
| nginx中訪問默認(rèn)首頁地址 | /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;
}
}
有個細(xì)節(jié)特別需要注意，如果你的root不是絕對路徑的話，可能訪問不到
網(wǎng)上大部分都是相對路徑，我不知道是什么問題，我本地不行，要用絕對路徑，上面路徑的那個servers/html 的那個東西就是你的vue項(xiàng)目npm run build 命令后的dist包，解壓后放到這個路徑就行了，名字一定要和你nginx配置文件的路徑對應(yīng)
最后大結(jié)局
最終就是啟動nginx了，直接終端命令輸入
nginx
如果要指定你啟動的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)目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了詳解nginx靜態(tài)資源服務(wù)器簡單配置，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
本篇文章主要介紹了Nginx limit 限制訪問模塊的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
Nginx配置Basic Auth登錄認(rèn)證的實(shí)現(xiàn)方法
這篇文章主要介紹了Nginx配置Basic Auth登錄認(rèn)證的實(shí)現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
當(dāng)一臺服務(wù)器的單位時間內(nèi)的訪問量越大時,服務(wù)器壓力就越大,大到超過自身承受能力時,服務(wù)器就會崩潰.為了避免服務(wù)器崩潰,讓用戶有更好的體驗(yàn),我們通過負(fù)載均衡的方式來分擔(dān)服務(wù)器壓力,這篇文章主要給大家介紹了關(guān)于Nginx四層負(fù)載均衡配置的相關(guān)資料,需要的朋友可以參考下2021-06-06
nginx加php-fpm出現(xiàn)502 bad gateway錯誤的5種解決方法
這篇文章主要介紹了nginx加php-fpm環(huán)境中出現(xiàn)502 bad gateway錯誤的5種解決方法,總結(jié)歸納服務(wù)器出現(xiàn)502錯誤的原因多數(shù)為連接過多和腳本超時,本文總結(jié)了5種解決方法,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了詳解用Nginx搭建CDN服務(wù)器方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
這篇文章主要介紹了nginx配置反向代理時遇到的路徑問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01
這篇文章主要介紹了nginx配置多個站點(diǎn)共用80端口的解決方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2018-06-06
Nginx配置統(tǒng)計(jì)流量帶寬請求及記錄實(shí)時請求狀態(tài)的方法
這篇文章主要介紹了Nginx中配置統(tǒng)計(jì)流量帶寬請求及記錄實(shí)時請求狀態(tài)的方法,分別用到了ngx_req_status和ngx_realtime_request模塊,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了nginx實(shí)現(xiàn)動靜分離的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12