Угловой запрос HTTP серверу apache

Question

Я разрабатываю приложение Angular 2, которое должно запрашивать api с внешнего сервера, а также запрашивать локальный сервер Apache. Внешний api запрашивается с jsonp и работает отлично. Для локального/внутреннего сервера я хочу использовать http-модуль, потому что оба приложения будут работать на одном сервере.

Моя проблема заключается в том, что при разработке Angular работает на порту 3000, а Apache работает на порту 80. Если я только установил путь к (например,/some/path), то угловому требуется порт 3000, где нет такой части найти. Таким образом, я установил полный адрес (http://localhost/some/path), но это будет определять как запрос перекрестного происхождения и не допускается.

XMLHttpRequest cannot load http://localhost/gizmo/default-questions/get. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. 

Как я мог сказать, Угловое, что регулярный HTTP порт будет 80. Я думаю, что в будущем, когда все будут строить, это будет не проблема, не так ли? Но я не хочу создавать и заменять его для всех исправлений. Это возможно?

Answer 1

Вы должны заставить свой сервер переписывать запросы, чтобы избежать проблем с CORS.

core.gulp.task(TASK,() => { 
    core.browserSync.init({ 
    port: core.config.browserSyncPort, 
    server: { 
     baseDir: (core.config.getMode() === 'start') ? ['.', 'build'] : ['build'], 
     middleware: [ 
     rewrite([ 
      '^/api/(.*)$ ' + core.config.apiPhp + '/$1 [P]', 
      '^/es/(.*)$ ' + core.config.esPhp + '/$1 [P]', 
      '^[^\\.]*$ /index.html [L]' 
     ]) 
     ] 
    }, 
    open: false 
    }); 
    core.browserSync.emitter.on('init',() => { 
    // TODO: Should reload be here or inside timeout? 
    core.browserSync.reload(); 
    setTimeout(() => { 
     let link = core.link(`http://localhost:${core.config.browserSyncPort}`); 
     core.mainHeading(TASK, `CTRL CLICK to open ${link}`); 
    }, 1000); 
    }); 
}); 

Вы можете делать подобные перезаписи в Apache и NGINX. CORS применяется только в браузере.