Mac系統如何使用Nginx

nginx是什麼

Nginx是一個高性能的Web和反向代理服務器，它具備不少很是優越的特性。

做爲Web服務器：相比Apache,Nginx使用更少的資源，支持更多的併發鏈接，體現更高的效率，這點使Nginx尤爲受到虛擬主機提供商的歡迎，可以支持高達50，000個併發鏈接數的響應，

做爲負載均衡服務器： Nginx既能夠在內部直接支持Rails 和 PHP，也能夠支持做爲HTTP代理服務器對外進行服務，Nginx用C編寫，不管是系統資源開銷仍是CPU使用率都比Perbal要好的多。

做爲郵件代理服務器： Nginx同時也是一個很是優秀的郵件代理服務器（最先開發這個產品的目的之一也是做爲郵件代理服務器）

Nginx安裝很是的簡單，配置文件 很是簡潔（還可以支持perl語法），Bugs很是少的服務器，Nginx啓動特別容易，而且幾乎能夠作到7 * 24不間斷運行，即便運行數個月也不須要重啓。你還可以在不間斷服務的狀況下進行軟件版本的升級。

本身搭建一個nginx服務器

Mac 系統下搭建一個nginx服務器

1. 安裝brew：命令行輸入

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

這裏有提示目錄不存在，要建立須要按return鍵，window下的回車鍵 安裝成功後，

<!-- 更新brew-->
brew update

<!-- 查看安裝信息-->
brew -v

<!-- 查看是否安裝了nginx-->
brew info nginx 
複製代碼

2. 安裝nginx

brew install nginx
複製代碼

3. 啓動nginx

<!--啓動nginx-->
nginx
<!--重啓nginx-->
nginx -s reload
<!--中止nginx-->
nginx -s strop
複製代碼

4. 修改頁面信息

open /usr/local/var/www/
複製代碼

5. 查看nginx的安裝目錄

open /usr/local/Cellar/nginx/
複製代碼

6. 查看nginx的配置文件 nginx.conf

/usr/local/etc/nginx/
複製代碼

如何把本身本地前端代碼做爲nginx服務器訪問內容

把本地前端代碼拷貝到

open /usr/local/var/www
複製代碼

而後修改nginx.conf配置文件

location / {
            alias  /usr/local/var/www/dist/;
            index  index.html;
            try_files $uri $uri/ /index.html;
        }
複製代碼

而後重啓nginx ==nginx -s reload== ,在刷新localhost:8080就能夠看到新的代碼頁面了。

解決跨域的方法：

1. CORS 須要服務器設置Header: Access-Control-Allow-Origin
2. JSONP 須要目標服務器配合一個callback函數
3. window.name + iframe 須要目標服務器響應window.name
4. window.location.hash + iframe 須要目標服務器做處理
5. html5 的postMessage + iframe這個也是須要目標服務器或者說目標頁面寫一個postMessage，主要側重於前端通信

使用nginx解決跨域問題

nginx反向代理，能夠用於不一樣目標服務器，不過你須要搭建一箇中轉nginx服務器，用於轉發請求。

在nginx.conf中配置

location /api/{
       proxy_pass http://172.22.31.222:8090/api/;
   }
複製代碼