How can I use HTTPS in AngularJS?

by

For some reason Angular would send all requests over HTTP if you don’t have a tailing / at the end of your requests. Even if the page itself is served through HTTPS.

For example:

$http.get('/someUrl').success(successCallback);  // Request would go over HTTP even if the page is served via HTTPS

But if you add a leading / everything would work as expected:

$http.get('/someUrl/').success(successCallback);  // This would be sent over HTTPS if the page is served via HTTPS

EDIT: The root cause of this problem is that Angular looks at the actual headers from the server. If you have an incorrect internal pass of http data through https there will still be http headers and Angular would use them if you do not add / at the end.
i.e. If you have an NGINX serving content through https, but passing requests to Gunicorn on the backend via http, you might have this issue. The way to fix that is to pass the correct headers to Gunicorn, so your framework would be under the impression of being served via https. In NGINX you can do this with the following line:

proxy_set_header X-Forwarded-Proto $scheme;

More Related Contents:

  1. How to pass parameters using ui-sref in ui-router to controller
  2. How to create an HTTPS server in Node.js?
  3. How to pass parameters using ui-sref in ui-router to the controller
  4. How to reload or re-render the entire page using AngularJS
  5. SyntaxError: expected expression, got ‘
  6. using AngularJS html5mode with nodeJS and Express
  7. Angular js – route-ui add default parmeter
  8. Reading Excel file using node.js
  9. How to debug angular protractor tests in WebStorm
  10. Download text/csv content as files from server in Angular
  11. Configuring HTTPS for Express and Nginx
  12. UI-router interfers with $httpbackend unit test, angular js
  13. Handle open/collapse events of Accordion in Angular
  14. Angular-UI Router: Nested Views Not Working
  15. Is AngularJS just for single-page applications (SPAs)?
  16. nodejs – error self signed certificate in certificate chain
  17. Listen on HTTP and HTTPS for a single express app
  18. Cannot find module ‘../build/Release/bson’] code: ‘MODULE_NOT_FOUND’ } js-bson: Failed to load c++ bson extension, using pure JS version
  19. Angular UI-Router more Optional Parameters in one State
  20. Directing the user to a child state when they are transitioning to its parent state using UI-Router
  21. Using Express Handlebars and Angular JS
  22. Difference between $state.transitionTo() and $state.go() in Angular ui-router
  23. WebSocket connection failed: Error during WebSocket handshake: Unexpected response code: 400
  24. multiple ui-view html files in ui-router
  25. How do I fix CLIENT_MISSING_INTENTS error?
  26. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  27. How can I get city name from a latitude and longitude point?
  28. How to send flash messages in Express 4.0?
  29. Node + Express with static HTML. How to route all requests to index.html?
  30. Testing asynchronous function with mocha

Leave a Comment