Mac中nginx的安裝、配置、訪問靜態文件、配置反向代理

前言

在開發過程常常有要訪問靜態文件的場景，可是用vscode開發不能直接訪問，因此須要配置nginx訪問靜態文件，或者配置域名之類的，今天就說一下nginx配置相關；因爲筆者用到的場景很少，本文主要是用來記錄簡單的使用。

安裝nginx

話很少說，通常使用brew來安裝nginx

brew install nginx

若是沒有brew，則須要先安裝brew,執行下面的命令，安裝brew;

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

配置nginx

首先進入nginx，使用以下命令行

vi /usr/local/etc/nginx/nginx.conf

靜態文件的配置方式：

server{
  listen 80;
  server_name www.statictest.com;  //要訪問的域名配置
  root /Users/wowdesign/Desktop/somedemo/koaDemo/static; // (這裏添加本身的項目靜態文件目錄)
  location / {
  autoindex on;
  index index.html index.htm;
  }
}

值得注意的地方：要在nginx.conf文件裏的第一行配置 user root owner;才能訪問root的靜態文件，不然會報403；
同事須要在hosts文件中進行配置，使用下面命令行進入hosts文件：

vi /etc/hosts；

配置方式：

127.0.0.1    www.statictest.com // 域名配置

此時當瀏覽器訪問這個www.statictest.com這個域名時會指向127.0.0.1；訪問本地文件
此時全部訪問靜態文件所須要的配置，已所有配置完成，而後開啓nginx

sudo nginx  // 啓動nginx

須要注意的是，每次改了nginx都要重啓nginx,重啓nginx的命令是

sudo nginx -s reload

以上表明啓動成功
下面在介紹nginx幾個經常使用的命令行：

sudo nginx  // 啓動nginx
sudo nginx -s reload  // 重啓nginx
ps -ef | grep nginx；  // 查看查看nginx進程
kill -TERM 主進程號  // 殺死進程

具體使用見下圖

能夠從network裏查看的你的配置是否成功

PS：反向代理的配置方式簡單介紹：

server {
   listen 80;
   server_name   api.zerotoone.com; //訪問的域名
   location / {
     proxy_pass    http://127.0.0.1:9000; // 本地開啓的服務
     proxy_redirect default;
   }
}

轉載請註明做者 : crystal 我在桌上刻個早字 謝謝啦