努力将 Ionic Web App 部署到服务器答案

【问题标题】：Struggling to deploy Ionic Web App to server努力将 Ionic Web App 部署到服务器
【发布时间】：2019-11-23 02:24:42
【问题描述】：

我是 Ionic 的新手，并且使用 ionic serve 制作了我的第一个可以在本地完美运行的应用程序，但是我在我的网络服务器上运行它时遇到了麻烦。

我已阅读文档和各种其他来源，这些来源似乎暗示您只需运行 ionic build --prod，然后将 www 文件夹复制到您的网络服务器，然后您就可以走了，但我只是得到一个白屏，没有错误.

然后我尝试添加cordova平台浏览器并使用ionic cordova build browser构建并托管由此构建的文件，但结果相同..这里有什么我遗漏的吗？

【问题讨论】：

您好，您可以使用stackblitz.com 直接从 git-archive 运行 ionic 或 angular-apps，这样更容易测试！
我很感激这一点，但我真的很想了解问题的真正原因，因此在为客户推送生产时我没有任何问题。但是感谢您的帮助，我一定会检查出来的:)

标签： ionic-framework ionic4

【解决方案1】：

前几天我有这个。首先，请确保您不依赖任何 Cordova 插件，因为它们无法在浏览器中运行。

你这样做：

ionic cordova platform add browser
ionic build --prod
然后将platforms\browser\www中的www复制到网络服务器

这只是一个基本的部署。有使应用程序成为 PWA 的教程（这意味着它可以通过浏览器作为应用程序安装在设备主屏幕上）。

【讨论】：

感谢您的输入，我发现我遇到的问题是因为在我的服务器上启用了 Modpagespeed，这导致应用无法正确加载！

【解决方案2】：

使用 NodeJs 部署在项目目录根目录中创建文件 server.js

const express = require('express');
const path = require('path');
const port = process.env.PORT || 8080;

const app = express();

app.use(express.static(__dirname + '/www'));

app.get('/*', function(req,res) {
  res.sendFile(path.join(__dirname+'/www/index.html'));
});

app.listen(port);
console.log(`RUNNING ON PORT ${port}`);

并运行命令 ionic build --prod && node server.js

【讨论】：