Linux使用Nginx代理是很常見的方式，但是對於運維方面不是很熟悉的開發者來說，用Nginx轉發後臺介面這些配置起來讓人頭疼阿~

首先不管是Centos還是Ubuntu 使用命令列安裝好Nginx後，預設的配置檔案都是在 /etc/nginx 下，進入此目錄可以看到預設的配置檔案 nginx.conf ，注意圖中紅色框框的地方

開啟nginx.conf 可以看見兩行配置如下：

include /etc/nginx/conf.d/*.conf; include /etc/nginx/sites-enabled/*;

意思就是在 conf.d 或者 sites-enabled 目錄下都可以配置自定義配置，conf.d是空檔案，sites-enabled是有個預設的配置

我們一般在conf.d增加一個配置檔案就可以啦，在這裡筆者增加一個vue前端請求Javaweb介面的轉發，配置檔名自定義，以.conf結尾就行。如下配置：

server {
    listen 80 default_server;
    server_name _;
    listen [::]:80 default_server;
    root /home/ubuntu/dice-demo/dist;
    index index.html index.htm index.nginx-debian.html;
    location /apis {
        proxy_set_header   Host             $host;
        proxy_set_header   X-Real-IP        $remote_addr;
        proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
        proxy_pass http://localhost:8080/api/;
    }
 

這裡表示監聽80埠，root 後面的路徑的靜態檔案的目錄，即表示訪問伺服器IP或者域名，就會自動跳轉到 你的網站首頁。

location /apis 表示請求路徑中帶有 apis的都會被轉發到 8080/api 這個字首開頭的介面地址。

筆者這裡的apis是vue前端統一路由發出的http請求，apis後面的url在這裡會自動被填充到 api/後面，所以 前端和後端部署在同一臺伺服器， 只是用Nginx代理轉發，把前端的請求轉發到對應的介面地址上，從而實現前後端資料互動。