我正在创建一个节点角度应用程序。正如我所确定的,有两种方法。
作为单个应用程序。所以它是一个节点项目,角度文件夹(客户端)位于其中。所以文件结构是先进的。
作为两个独立的应用程序。因此,角度应用程序和节点应用程序是分开的,角度应用程序使用节点应用程序的 url 获取数据。这里的文件结构更容易理解并且易于编码。
谁能解释一下什么是更好的方法。
发展。
Node 和 Angular 项目应该分开。每个项目都有自己的 package.json。使用配置的 REST 端点启动 Node 应用程序(例如在端口 8000 上) - 它将返回 JSON。
使用 Angular CLI ngserve 启动客户端,这将在端口 4200 上启动开发服务器。要从在 4200 上运行的 Angular 应用程序访问端口 8000 上的数据服务器,您需要配置一个小的 proxy-conf 文件,以便浏览器不会给你 CORS 错误。例如,如果您的 Node 应用程序有端点 /api/products,请在 Angular 项目中创建一个文件 proxy-conf.json:
{
"/api": {
"target": "http://localhost:8000",
"secure": false
}
}
现在您可以继续针对开发服务器进行 Angular 编码,但数据将来自 Node 服务器:
ng serve --proxy-config proxy-conf.json
部署。
使用 Express API,在 Node 服务器上定义包含静态内容(Angular 包和资源)的文件夹。
使用 ng build 构建捆绑包,并将 dist 目录的内容复制到节点应用程序上的静态目录中。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)