部署Angular应用

Question

这是我第一次部署Angular应用。它在localhost正常工作，从服务器上消耗数据（现在是启用了跨原点），所以应该没有问题。我按照文档中的建议，构建了一个生产版本。

ng build --prod

然后，我把prod文件夹移到了运行后台脚本的同一个服务器上。我还把node_modules复制到那个文件夹。我访问了URL，HTML正在加载，但只是这样。没有抛出任何错误。没有样式。没有angular应用工作。

我怎么能知道我遇到的是哪个错误？

最好的。

Answer 1

它工作的主要概念是。

1. 你在本地建立文件与 ng build --prod. Angular CLI创建 dist 文件夹中包含编译后的js文件、assets、index.html和样式。
2. 你把这个文件夹（或其内容）复制到Web服务器上。不需要复制 node_modules 文件夹，因为所有的东西都被编译成脚本在 dist 夹子
3. 你的Web服务器应该按以下方式配置。
   • 从Web服务器文件夹中获取所有静态文件（脚本、样式、assets）。比如说 https://<yourdomain>.com/main.js - 应回 main.js
   • 处理对API的请求(如果API和前端在同一个域上)
   • 将其他请求重定向到 index.html 文件。想象一下，URL https://<yourdomain>.com/about. about - 我们猜测它是你的Angular应用的一个路由。然后你的服务器返回 index.html 到浏览器。浏览器获取脚本和样式（第1页），脚本启动一个Angular应用。Angular应用明白，它应该显示的是 about 路线：