mac上部署nginx實現前端跨域

2021-09-30 19:14:05 字數 1148 閱讀 3308

開啟終端,如果homebrew不是最新版本的,請執行一下命令brew update使用brew搜尋安裝軟體是否存在:brew search nginx執行命令:brew info nginx,方便以後配置,結果如圖:

我們可以知道下nginx的穩定版的版本號,是否安裝,目錄,預設埠號等資訊。

正式安裝:brew install nginx檢視安裝目錄:open /usr/local/etc/nginx/

在nginx.conf中可以看到預設的配置資訊。

檢視安裝目錄:open /usr/local/cellar/nginx

會看到乙個以當前安裝的nginx的版本號為名稱的資料夾,這個就是我們安裝的nginx根目錄啦。進入1.12.2_1/bin 目錄,會看到nginx的可執行啟動檔案。

同樣的,我們在1.12.2_1/目錄下還可以看到乙個名字為html的快捷方式資料夾(暫且就這麼叫吧),進入該目錄我們會發現其實它指向的就是/usr/local/var/www目錄,這個在上面我們檢視的info資訊中有提到(dcroot)

啟動nginx:nginx,如果沒有報錯,即啟動成功,可以在localhost:8080檢視啟動頁面

例項:本地訪問豆瓣api:

listen       8080;

server_name 192.168.1.124;

location /douban

注:nginx常用命令

nginx //啟動

nginx -s reload //重啟

nginx -s stop //快速停止

nginx -s quit //完整有序停止

nginx 上部署react專案

1 npm run build 構建成功之後,會生成乙個dist資料夾,這個資料夾裡的靜態檔案,就是我們的專案訪問檔案了。2 nginx.conf server location assets error page 500 502 503 504 500.html client max body s...

前端網頁發布到nginx nginx上部署前端專案

這篇文章講述的部署方法,任何系統的伺服器都適合 eg windows,mac,etc.同時也可以部署任何框架的前端專案 eg vue,react,jq,etc.1.開啟nginx的安裝目錄,這裡以mac系統為例 在 etc 資料夾同級目錄下有個 var 資料夾,var 資料夾裡面有個 www 資料夾...

在Nginx上部署ThinkPHP專案教程

前段時間用apache配合tp開發了乙個小型 也算是我使用tp的第一次實戰。我習慣使用pathinfo模式,本地執行一切正常,然而部署到伺服器上時,由於對方使用的是nginx,預設是不支援thinkphp的pathinfo模式,所以導致路徑錯誤,出現了頁面迴圈跳轉的問題,於是就把nginx 下來在本...