一、homebrew安裝Nginx
1、安裝nginx，查看nginx安裝和配置路徑
- 安裝
brew install nginx
- 使用brew安裝完成后nginx的安裝路徑為
/usr/local/Cellar/nginx
- 配置文件路徑為
/usr/local/etc/nginx/nginx.conf
2、查看nginx信息
brew info nginx
3、使用homebrew方式啟動(dòng)和關(guān)閉nginx
- 啟動(dòng)
brew services start nginx
- 重啟
brew services restart nginx
- 停止
brew services stop nginx
4、直接使用nginx啟動(dòng)
- 啟動(dòng)
sudo nginx
- 關(guān)閉
- stop表示立即停止nginx,不保存相關(guān)信息
- quit表示正常退出nginx,并保存相關(guān)信息
sudo nginx -s stop 或者 nginx -s quit
- 重新加載配置文件
sudo nginx -s reload
5、其他
- 查看nginx是否啟動(dòng)，存在nginx:master即是啟動(dòng)中的nginx進(jìn)程號(hào)
ps -ef|grep nginx
- 這將使用默認(rèn)配置文件啟動(dòng)Nginx服務(wù)器。你可以使用以下命令測(cè)試Nginx服務(wù)器是否正在運(yùn)行：
curl http://localhost:80
6、安裝并啟動(dòng)成功
- 默認(rèn)安裝后的端口號(hào)是80，可在/usr/local/etc/nginx/nginx.conf文件中查看
瀏覽器中訪問(wèn)：http://localhost:80
-
啟動(dòng)成功
啟動(dòng)成功.jpg
二、使用nginx配置啟動(dòng)vue項(xiàng)目
1、打包vue項(xiàng)目
npm run build
把打包好的dist文件夾拷貝到nginx里的html文件夾下
/usr/local/Cellar/nginx/html/dist.jpg
2、修改nginx.conf配置文件
- 路徑： /usr/local/etc/nginx/nginx.conf
1）一個(gè)最簡(jiǎn)單的示例--無(wú)反向代理
- 只修改server中的listen和location，其他使用默認(rèn)配置
- 修改后可以直接使用http://localhost:8887 訪問(wèn)vue項(xiàng)目
server {
listen 8887; #此處可修改訪問(wèn)的端口號(hào)
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
# root html;
root /usr/local/Cellar/nginx/1.23.1/html/dist/; #此處必須替換為nginx下打包得到dits文件夾路徑
index index.html index.htm;
}
}
2）局域網(wǎng)設(shè)備對(duì)vue項(xiàng)目的訪問(wèn)
- 終端輸入，查看ip地址
ifconfig | grep "inet"
ip地址.jpg
- 直接使用 192.168.xx.xxx:8030 可訪問(wèn)
