mac安裝nginx且配置vue/springboot項(xiàng)目過程(本地/服務(wù)器)
一、mac安裝Nigix
1. 查看是否存在nginx
執(zhí)行brew search nginx 命令查詢要安裝的軟件是否存在
brew search nginx
2. 安裝nginx
brew install nginx
3. 查看版本
nginx -v
4. 查看信息
查看ngxin下載的位置以及nginx配置文件存放路徑等信息
brew info nginx
- 下載的存放路徑
/usr/local/Cellar/nginx/1.27.0
- 配置文件存放路徑
/usr/local/etc/nginx/nginx.conf
- 網(wǎng)站根目錄
/usr/local/var/www
5. 確認(rèn)存放路徑
6.啟動(dòng)
1）進(jìn)入目錄啟動(dòng)
在終端cd /usr/local/Cellar/nginx/1.27.0/bin進(jìn)入bin目錄，然后執(zhí)行nginx命令（沒有報(bào)錯(cuò)就是啟動(dòng)成功）
cd /usr/local/Cellar/nginx/1.27.0/bin
2）開啟自啟動(dòng)（服務(wù)器）
sudo systemctl enable nginx
默認(rèn)端口 8080
打開瀏覽器輸入 localhost:8080
默認(rèn)的網(wǎng)站根目錄為html（即/usr/local/var/www），而默認(rèn)的索引文件為index.html 和 index.htm
3）全局配置
為了能夠全局使用nginx命令，可以配置下全局變量
vim .bash_profile
PATH=$PATH:/usr/local/Cellar/nginx/1.27.0/bin export PATH
source .bash_profile
7. 關(guān)閉
nginx -s stop
8. 修改端口
/usr/local/etc/nginx/nginx.conf
修改之后重新運(yùn)行nginx -s reload命令就能打開自定義的端口號(hào)
進(jìn)入
cd /usr/local/Cellar/nginx/1.27.0/bin
nginx -s reload
各種命令
brew services start nginx # 啟動(dòng) nginx -c /usr/local/nginx/conf/nginx.conf # 首先利用配置文件啟動(dòng)nginx brew services stop nginx # 停止 service nginx restart # 重啟 nginx -h # 查看幫助信息 nginx -v # 查看nginx版本(小寫字母v) nginx -V # 除版本信息外還顯示配置參數(shù)信息(大寫字母V) start nginx # 啟動(dòng)nginx start nginx -c filename # 指定配置文件啟動(dòng)nginx nginx -s quit # 關(guān)閉nginx，完整有序的停止nginx，保存相關(guān)信息 nginx -s stop # 關(guān)閉nginx，快速停止nginx，可能并不保存相關(guān)信息 nginx -s reload # 重新載入nginx，當(dāng)配置信息修改需要重新加載配置是使用 nginx -s reopen # 重新打開日志文件 nginx -t -c filename # 測(cè)試nginx配置文件是否正確 systemctl stop nginx.service # linux停止 systemctl start nginx.service # linux啟動(dòng) ps aux | grep nginx # 查看服務(wù) systemctl restart nginx.service # 重啟 netstat -tlnp # 端口號(hào)
二、本地配置項(xiàng)目
沒有設(shè)置代理的項(xiàng)目
1. vue前端
通過指令打包，生成dist文件
npm run build
2. 將 dist文件下的內(nèi)容存放至 nginx
/usr/local/Cellar/nginx/1.27.0
在上面的目錄下新建一個(gè)文件夾may(自己設(shè)置)，用來存檔dist
dist文件夾下的內(nèi)容拷貝至 may文件夾下
3. nginx的 nginx.conf設(shè)置
/usr/local/etc/nginx/nginx.conf
/usr/local/etc/nginx
修改前
修改后
4.重載nginx
nginx -s reload
5. 訪問項(xiàng)目
- 先訪問前端看是否正常
http://localhost:8080
- 開啟后端
java -jar ***.jar
然后就可以正常登錄了
三、服務(wù)器運(yùn)行設(shè)置
注意：前后端代碼部分，localhost要更換成ip地址
1.linux(centOS) 安裝 nginx
1）聯(lián)網(wǎng)下載
wget -c http://nginx.org/download/nginx-1.27.0.tar.gz
2) 安裝依賴包
yum install -y gcc-c++ zlib zlib-devel openssl openssl-devel pcre pcre-devel
查看下載的包
3）安裝
- 解壓
tar -zxvf nginx-1.27.0.tar.gz
進(jìn)入nginx目錄
- 配置基本信息configure
--prefix是指定安裝目錄
./configure --prefix=/usr/local/nginx-1.27.0
然后可以看到我們的目錄下，多了一個(gè)Makefile文件
- 編譯安裝
對(duì)nginx編譯和安裝
make & make install
2. 啟動(dòng)
進(jìn)入安裝目錄
cd /usr/local/nginx-1.27.0
進(jìn)入sbin目錄下，執(zhí)行一下命令啟動(dòng)
./nginx
在后臺(tái)一直啟動(dòng)
nohup ./nginx &
重載
./nginx -s reload
查詢是否啟動(dòng)
ps -ef | grep nginx
開啟防火墻限制 ,nginx的默認(rèn)端口為80
瀏覽器訪問：ip地址:80
3. 設(shè)置nginx 的開機(jī)啟動(dòng)
vim /etc/rc.local
添加
/usr/local/nginx-1.27.0/sbin/nginx
source /etc/rc.local
4. 關(guān)閉
./nginx -s stop
5. 修改配置端口和默認(rèn)訪問頁面
/usr/local/nginx-1.27.0目錄下新建了 may文件夾
找到nginx的配置文件，編輯
vi /usr/local/nginx-1.27.0/conf/nginx.conf
/usr/local/nginx-1.27.0/may
source /usr/local/nginx-1.27.0/conf/nginx.conf
注意： 文件夾may要設(shè)置可讀寫權(quán)限
6. 設(shè)置 java項(xiàng)目一直運(yùn)行
nohup java -jar your-project.jar &
nohup java -jar /root/may2024/java/jxc-admin-1.0.0-SNAPSHOT.jar &
7. 訪問項(xiàng)目
如果報(bào)錯(cuò)403 Forbidden,可能是前端文件夾權(quán)限不夠，設(shè)置權(quán)限即可
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Nginx 502 Bad Gateway報(bào)錯(cuò)原因解析與解決方案
我發(fā)現(xiàn)很多開發(fā)者對(duì) 502 錯(cuò)誤的理解停留在表面,認(rèn)為只是簡單的服務(wù)不可用,本文將帶大家從多維度了解Nginx 502 Bad Gateway報(bào)錯(cuò)原因和解決方法,需要的小伙伴可以了解下2025-09-09
nginx多域名轉(zhuǎn)發(fā)的實(shí)現(xiàn)
本文主要介紹了nginx多域名轉(zhuǎn)發(fā)的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
Nginx 是一款常用的 Web 服務(wù)器軟件,其配置文件用于指定服務(wù)器的行為和功能,本文將給大家詳細(xì)的解析Nginx配置文件,文中有相關(guān)的代碼示例供大家參考,需要的朋友可以參考下2023-09-09
滑塊驗(yàn)證完整實(shí)現(xiàn)部署流程（前端?+?后端?+?Nginx?集成）
滑塊驗(yàn)證作為一種反機(jī)器人的工具,也會(huì)不斷發(fā)展和演進(jìn),以適應(yīng)不斷變化的威脅,這篇文章主要介紹了滑塊驗(yàn)證完整實(shí)現(xiàn)部署流程（前端?+?后端?+?Nginx集成）的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-12-12
Nginx服務(wù)器的location指令匹配規(guī)則詳解
這篇文章主要介紹了Nginx服務(wù)器的location指令匹配規(guī)則,文中介紹了一種動(dòng)靜態(tài)地址分離的方法示例,需要的朋友可以參考下2015-12-12
Nginx PHP-Fcgi中因PHP執(zhí)行時(shí)間導(dǎo)致504 Gateway Timeout錯(cuò)誤解決記錄
這篇文章主要介紹了Nginx PHP-Fcgi中因PHP執(zhí)行時(shí)間導(dǎo)致504 Gateway Timeout錯(cuò)誤解決記錄,本文的解決方法得來不易,需要的朋友可以參考下2014-09-09
解決國內(nèi)k8s的ingress-nginx鏡像無法正常pull拉取問題
本文主要介紹了解決國內(nèi)k8s的ingress-nginx鏡像無法正常pull拉取問題，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-03-03
三步配置輕量級(jí)服務(wù)器nginx小結(jié)
Nginx是一個(gè)安裝非常的簡單 , 配置文件非常簡潔,本文就來介紹一下三步配置輕量級(jí)服務(wù)器nginx,具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08
這篇文章主要為大家詳細(xì)介紹了windows下Nginx多域名簡單配置教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
Nginx 平滑升級(jí)的實(shí)現(xiàn)(拒絕服務(wù)漏洞)
本文主要介紹了Nginx 平滑升級(jí)的實(shí)現(xiàn)(拒絕服務(wù)漏洞),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-02-02