Question

我是Ionic的新手，并且制作了第一个可以使用ionic serve在本地完美运行的应用程序，但是我无法在Web服务器上运行它。

我已经阅读了文档和其他各种资料，这些资料似乎暗示您只是运行ionic build --prod，然后将www文件夹复制到您的网络服务器上就走了，但我只是白了屏幕，没有错误。

然后我尝试添加cordova平台浏览器，并使用ionic cordova build browser进行构建，并从中托管构建的文件，但结果相同。.这里是否缺少我的东西？

Answer 1

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

您这样做：

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

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

Answer 2

使用NodeJ部署在项目目录根目录中创建文件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 &&节点server.js

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

2 个答案: