Hosting angular application with proxy configuration

Question

I am building a dictionary application using angular which uses oxford dictionary API to retrieve the data . In the development environment I have used proxy.conf.json to forward the requests.This is my proxy.conf.json file

{
"/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" : ""}
 }
}

When I build the application for the production version and host it on my nginx server it always gives error when i try to get data from the server. I have read proxy_pass in nginx server config can be used but I am newbie to nginx server please help me fix this problem. If possible give the full server configuration for this issue .Thanks in advance

server{ root /home/ubuntu/test/dist/demo; index index.html; server_name test.vivekm.me; location / { try_files $uri $uri/ /index.html; } } — Vivek m
– Vivek m, Commented Jul 17, 2018 at 4:53

Ankit Sharma · Accepted Answer · 2018-07-17 06:30:57Z

1

Try the below code:-

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;
      }
    }

edited Jul 17, 2018 at 6:30

answered Jul 17, 2018 at 4:55

Ankit Sharma

1,70410 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

Vivek m Over a year ago

I need to send the headers also

"headers": {     "Accept": "application/json",     "app_id": "cb35ef20",     "app_key": "603be016c344650e6d8c1da15330f7af"   }

Ankit Sharma Over a year ago

Please try the updated answer and let me know the results. Thanks

Vivek m Over a year ago

Still I get the error as authentication parameters are missing

Ankit Sharma Over a year ago

Are the app_id and app_key sent from the front end?

Vivek m Over a year ago

No they are set in proxy.conf.json

|

Collectives™ on Stack Overflow

Hosting angular application with proxy configuration

1 Answer 1

12 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related