2016-10-15 4 views
2

샘플 애플 리케이션을 포함하고 라우팅을 보여주는 Angular 2 Webpack을 설치했습니다. 내가 보길 원하는 것은 프런트 엔드 라우팅하지만 편안하고 API 백엔드에 대한 사용 ExpressJS에 Angular2를 사용하지만,Angular2 웹팩 및 익스프레스

http://localhost:3000/#/ 즉, 동일한 서버에 백 엔드 서비스를 제공합니다 각도 http://localhost:3000/api의 프론트 엔드를 제공합니다 API in

api/index.html을 만들면 api 홈페이지를 볼 수 있지만 표현 방법에 대한 'app.js'를 만드는 방법을 알지 못했습니다. .

두 개의 인스턴스를 실행하여 쉽게 수행 할 수 있지만 모든 것이 포함되도록 노력하고 있습니다.

감사

+0

에서 [워드 프로세서] (https://expressjs.com/en/ guide/routing.html)은 라우팅하기에 매우 간단합니다. [발진기] (https://expressjs.com/en/starter/generator.html)에서 서버를 쉽게 스캐 폴딩 할 수 있습니다. –

+0

https://scotch.io/tutorials/mean-app-with-angular-2-and-the-angular-cli 기사를 사용하면 도움이됩니다. – shiv

답변

0

내가 설정/webpack.common.js이 배치 갔다 있도록 동일한 포트에서 그것을 할 수있는 방법을 찾을 수 없습니다. (나는 내가 API에 대한 있지만 명확하지 않은 별도의 '고궁 박물원'과정을 시작해야합니다 생각했다!)

var express = require('express'); 
 
var app2 = express(); 
 

 
app2.get('/', function (req, res) { 
 
    res.send('API'); 
 
}); 
 

 
app2.listen(3001, function() { 
 
});