带有快速项目的angular-cli

Question

我有一个使用Express，MongoDB和REST API的项目。 现在，我想使用angular-cli添加到项目Angular中。 我对应该如何做有一些疑问。

这是我当前的项目结构：

1）我应该在哪个文件夹中使用ng new ？

2）现在我使用nodemon在http：// localhost：3000 /上启动服务器，但是Angular从http：// localhost：4200启动 。 如何使Angular与express在同一服务器上运行，以及如何像以前一样使用nodemon启动服务器？

3）在进行npm install时如何区分express node_modules和angular node_modules ？

4）我需要执行哪些步骤才能从角度页面访问api？

Answer 1

1. 您可以将其放在任何地方（与Express文件夹不同）
2. 假设我们有一台运行在http：// localhost：3000 / api上的服务器，并且希望所有对http：// localhost：4200 / api的调用都可以到达该服务器。

我们在项目的package.json旁边创建一个名为proxy.conf.json的文件，其中包含内容

{
  "/api": {
    "target": "http://localhost:3000",
    "secure": false
  }
}

您可以在https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/proxy.md中阅读更多内容

3. 只需使用2个不同的文件夹

4. 代理后，您可以像代理的URL路径一样调用它

完成所有这些之后，您只需记住Angula是一个宠儿，您就可以构建它，以呈现html和js，您可以在您的express服务器中托管此html，js