angular-cli带有快速项目

时间:2018-03-07 12:19:46

标签: angular mongodb express angular-cli nodemon

我有一个使用Express,MongoDB和REST API的项目。现在我想使用angular-cli添加到Angular项目中。关于我该怎么办,我有一些问题。

这是我目前的项目结构:enter image description here

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需要做哪些步骤?

1 个答案:

答案 0 :(得分:2)

  1. 你可以把它放在任何地方(不同于表达文件夹)
  2. 假设我们在http://localhost:3000/api上运行了服务器,我们希望所有对http://localhost:4200/api的呼叫都转到该服务器。
  3. 我们在项目的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

    中阅读更多内容
    1. 只需使用2个不同的文件夹

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

    3. 在所有这一切之后你只需要remenber angula是一个好主意你可以构建这将呈现 html和js 你可以在你的快递服务器中托管这个html,js