javascript - Proxy CORS requests with grunt to localhost -


my app (http://localhost:8099) doing cors requests https://api.parse.com/ want proxy local api http://localhost:8077 testing purposes. can achived grunt-connect-proxy?

here's config of grunt-connect-proxy not work expect.

connect: {       dev: {         options: {           port: 8099,           hostname: 'localhost',           base: 'build/',           livereload: false,           keepalive: true,           middleware: function (connect, options) {             var proxy = require('grunt-connect-proxy/lib/utils').proxyrequest;             return [               // include proxy first               proxy,               // serve static files.               connect.static('build/')             ];           }         }       },       proxies: [       {         context: ['api/'], //same domain api requests, proxy works fine!         host: 'localhost',         port: 8077       },       {         context: ['api.parse.com/'], //cors, proxy not working         host: 'localhost',         port: 8077,         changeorigin: true       }]      }  → grunt serve proxy created for: api/ localhost:8077 proxy created for: api.parse.com/ localhost:8077

so, proxying works api/ requests (same domain), ignored cors requests api.parse.com/. ideas?

when make request api.parse.com, browser connect actual parse.com server. grunt-connect-proxy comes picture when requests made application server localhost:8099 in case.

everything else other localhost:8099 remote/cross domain application (even localhost:8077) , can use grunt-connect-proxy connect these servers in server side, while on client side still make requests own server.

which server connect when proxying configured using context. 

proxies: [       {         context: ['api/'],         host: 'localhost',         port: 8077       },       {         context: ['parse/'],          host: 'api.parse.com'       }]

so, considering above configurations

localhost:8099/api --> got localhost:8077

and

localhost:8099/parse --> go api.parse.com


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more