带有快速项目的 angular-cli

Posted 2023-03-08

【中文标题】带有快速项目的 angular-cli

【英文标题】：angular-cli with an express project

【发布时间】：2018-08-15 13:11:20

【问题描述】：

我有一个包含 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) 我需要执行哪些步骤才能从 Angular 页面访问 api？

【参考方案1】：

你可以把它放在任何地方（不完全相同的快递文件夹） 假设我们有一个在 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阅读更多内容

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

在代理之后，您可以将其称为代理的 URL 路径

在这一切之后，你只是记住了 angula 是一个你可以构建它会渲染一个 html 和 js 你可以在你的快递服务器中托管这个 html、js