使用代理配置托管角度應用程序

Question

我正在使用angular創建一個字典應用程序，該應用程序使用牛津字典API來檢索數據。 在開發環境中，我使用proxy.conf.json轉發請求。這是我的proxy.conf.json文件

{
"/oxfordapi": {
  "target": "https://od-api.oxforddictionaries.com/api/v1/entries/en/",
  "secure": true,
  "changeOrigin": true,
  "logLevel": "debug",
  "headers": {
    "Accept": "application/json",
    "app_id": "cb35ef20",
    "app_key": "603be016c344650e6d8c1da15330f7af"
  },
  "pathRewrite": {"^/oxfordapi" : ""}
 }
}

當我為生產版本構建應用程序並將其托管在我的Nginx服務器上時，當我嘗試從服務器獲取數據時，它總是會出錯。 我已經閱讀了可以在Nginx服務器配置中使用的proxy_pass，但是我是Nginx服務器的新手，請幫助我解決此問題。 如果可能，請提供此問題的完整服務器配置。

Answer 1

試試下面的代碼：

server {

      root /home/ubuntu/test/dist/demo; 
      index index.html; 
      server_name test.vivekm.me; 

      location /oxfordapi {
        proxy_pass https://od-api.oxforddictionaries.com/api/v1/entries/en/;
        proxy_set_header Accept application/json;
        proxy_set_header app_id $http_app_id;
        proxy_set_header app_key $http_app_key;
      }

      location / {
            try_files $uri $uri/ /index.html;
      }
    }