如何从 ionic 公开静态 html 页面答案

【问题标题】：How to expose a static html page from ionic如何从 ionic 公开静态 html 页面
【发布时间】：2019-06-13 18:22:55
【问题描述】：

我有一个拦截授权消息的静态 html 页面，我想在域上公开它。看起来是这样的：

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>JwtAuthDemo - Facebook Auth</title>  
    <meta name="viewport" content="width=device-width, initial-scale=1">    
    <script src="assets/util.js"></script>
  </head> 
  <body>
  <script>
      // if we don't receive an access token then login failed and/or the user has not connected properly
      var accessToken = getParameterByName("access_token");
      var message = {};
      if (accessToken) {
        message.status = true;
        message.accessToken = accessToken;
      }
      else
      {
        message.status = false;
        message.error = getParameterByName("error");
        message.errorDescription = getParameterByName("error_description");
      }
      window.opener.postMessage(JSON.stringify(message), "http://localhost:5000");
  </script>
  </body>
</html>

如果我将此页面放在 index.html 页面旁边，它不会暴露，但是当我将它放在 assets 文件夹中时，它可以被访问。我猜我必须在其中一个 json 配置文件中显式公开该页面，但我不知道该怎么做？

我不希望我的重定向网址是 www.mydomain.com/assets/oauth-response-parser.html。我想将此保留在我的应用程序中，因为它是应用程序的一部分。

如何将 Ionic 的静态 html 页面作为 index.html 页面的同级公开？

【问题讨论】：

标签： node.js angular typescript ionic-framework

【解决方案1】：

您可以通过指定要在 ionic 构建期间运行自定义脚本来自动将文件获取到您的资产目录。在您的 package.json 中，您将有一个“配置”部分，您可以在其中指定此脚本：

...
"config": {
    "ionic_copy": "./config/customCopy.config.js"
 },
...

然后您的 customCopy.config.js 将包含一个条目以将您的 html 复制到资产中：

module.exports = {
        copyAssets: {
        src: ['{{SRC}}/assets/**/*'],
        dest: '{{WWW}}/assets'
    }
}

ionic app scripts page 上有关此过程的更多信息

我希望这会引导您朝着正确的方向前进。

【讨论】：

谢谢，但我不希望它们在资产目录中，我想包含一个静态 html 文件作为 index.html 的同级，所以我可以从 url 中省略资产