Ionic 4 PWA - 在 Ionic 项目中添加标准 html 页面答案

【问题标题】：Ionic 4 PWA - Add standard html page in Ionic projectIonic 4 PWA - 在 Ionic 项目中添加标准 html 页面
【发布时间】：2019-03-20 15:13:59
【问题描述】：

我有一个 Ionic 4 PWA 项目，需要添加一个标准的 html 页面，我可以通过 url 直接访问。

问题是当我在根目录 (src/app/test.html) 或文件夹 (src/app/folder/test.html) 中添加 html 页面时，我无法通过 url - myweb. com/文件夹/test.html

但是，如果我将它放在我的资产文件夹 (src/assets/test.html) 中，我可以通过 url 直接访问它 - myweb.com/assets/test.html

那么我需要设置什么才能访问根目录或特定文件夹中的 html？

【问题讨论】：

您能分享一下标准 html 中的代码示例吗？
<!doctype html> <html lang="en"> <head> <title>My Page</title> </head> <body> <h1>Hello World</h1> </body> </html>
如果我将 html 文件放在 src/assets 文件夹中，我什至可以添加 AMP 页面，我可以使用 myweb.com/assets/amp,html 查看它现在我想放置 html 文件在特定文件夹中，而不是资产文件夹中，所以我的网址是 myweb.com/amp/amp.html

【解决方案1】：

Ionic / Angular PWA 通常使用一个主机文件，即加载 PWA 的 index.html。加载 PWA 后，导航将由 Angular's Router 处理。

按照惯例，静态资产从assets 目录提供。

【讨论】：