正在部署 Angular 个应用程序

Deploying Angular aplication

这是我第一次部署 Angular 应用程序。它在本地主机上正常工作，从服务器使用数据（现在它已启用跨源），因此应该没有问题。我按照文档中的建议构建了一个生产版本。

ng build --prod

然后，我将 prod 文件夹移动到后端脚本所在的同一台服务器中 运行。我还将 node_modules 复制到该文件夹​​。我访问了 URL 并且 HTML 正在加载，但仅此而已。没有抛出错误。没有风格。没有 angular 应用在运行。

我怎么知道我遇到了哪个错误？

最佳，

其工作原理的主要概念是：

  1. 您使用 ng build --prod 在本地构建文件。 Angular CLI 创建 dist 文件夹，其中包含已编译的 js 文件、资产、index.html 和样式。
  2. 您将此文件夹（或其内容）复制到网络服务器。无需复制 node_modules 文件夹，因为所有内容都已编译到 dist 文件夹
    3. 中的脚本中
  3. 您的网络服务器应按以下方式配置：
    • 从 Web 服务器文件夹中获取所有静态文件（脚本、样式、资产）。例如 https://<yourdomain>.com/main.js - 应该 return main.js
    • 处理对 API 的请求（如果 API 和前端在同一个域中）
    • 将其他请求重定向到 index.html 文件。想象一下 URL https://<yourdomain>.com/about。 about - 我们猜测这是您的 Angular 应用程序的路由。然后你的服务器returns index.html到浏览器。浏览器获取脚本和样式 (p.1)，脚本启动 Angular 应用程序。 angular 应用知道它应该显示 about 路线。