是否可以在 --prod build 之后直接访问 html

Question

我正在使用 --prod 标志部署我的 Angular 应用程序。构建完成后，我看到 dist 文件夹中有一个文件夹。

在那里我可以看到所有的 css 和 html 文件。将此文件夹部署到服务器后，我可以从服务器访问 html 文件，例如：

http://xzy/app/component/home.html - 我收到了客户的投诉。

如何在部署后直接从服务器访问 html、图像的情况下部署我的应用程序？

即使我看到也有spec 文件..

Answer 1

试试这个：

1. 删除`dist 文件夹。
2. 然后运行新的构建。

它应该只产生以下文件：

• assets 文件夹，其中包含项目文件中的静态资产
• 一堆“.js”文件，用作应用程序的块，例如 main-esx-xxxxxxxxxx.js 或 polyfills-xxxxxx.js 等。
• .css 文件
• index.html
• 3rdpartylicences.txt
• favicon.ico，也许还有其他一些静态文件

任何类似于项目的 esle 都意味着您有一些放错位置的文件。assets 文件夹将按原样复制到构建中，并且您的 package.json 或 tsconfig 文件中可能存在一些错误配置这可能会影响您的生产构建的外观。