如何部署React应用程序以蔚蓝化并更改默认页面

Question

我正在尝试将react应用程序部署到天蓝色。我测试了我的构建是否可以运行，可以正常运行。部署应用程序时，会显示默认的“嘿，节点开发人员”页面。然后，我尝试按照某些网站所述添加index.js文件，例如https://blogs.msdn.microsoft.com/waws/2017/09/08/things-you-should-know-web-apps-and-linux/#NodeHome

但是现在我遇到了一个错误...

*/home/LogFiles/2020_01_13_RD0003FF73402D_default_docker.log  (https://sbwebtest.scm.azurewebsites.net/api/vfs/LogFiles/2020_01_13_RD0003FF73402D_default_docker.log)
2020-01-13T11:39:01.618020509Z 11:39:01 0|index  |     at Object.<anonymous> (/usr/local/lib/node_modules/pm2/lib/ProcessContainerFork.js:27:21)
2020-01-13T11:39:01.619118659Z 11:39:01 0|index  |     at Module._compile (internal/modules/cjs/loader.js:956:30) {
2020-01-13T11:39:01.620286813Z 11:39:01 0|index  |   code: 'MODULE_NOT_FOUND',
2020-01-13T11:39:01.628165973Z 11:39:01 0|index  |   requireStack: [ '/home/site/wwwroot/index.js' ]
2020-01-13T11:39:01.629324326Z 11:39:01 0|index  | }
2020-01-13T11:39:01.649097230Z 2020-01-13T11:39:01: PM2 log: App [index:0] exited with code [1] via signal [SIGINT]
2020-01-13T11:39:01.650858410Z 2020-01-13T11:39:01: PM2 log: Script /home/site/wwwroot/index.js had too many unstable restarts (16). Stopped. "errored"
2020-01-13T11:39:01.657846830Z 11:39:01 PM2      | App [index:0] exited with code [1] via signal [SIGINT]
2020-01-13T11:39:01.659306496Z 11:39:01 PM2      | Script /home/site/wwwroot/index.js had too many unstable restarts (16). Stopped. "errored"*

我已经在VS代码中使用了Azure工具进行部署。

有人知道该怎么做吗？

Answer 1

如果您基于Windows操作系统，此屏幕截图将告诉您如何修复它：

如果您基于Linux OS，有两种方法可以解决此问题。

第一种方法：

此方法的前提是您具有Node.js env并已安装npm工具。

1。在站点/ wwwroot下添加文件名index.js。

index.js：

var express = require('express');
var server = express();
var options = {
index: 'index.html'                                             //Fill path here.
};
server.use('/', express.static('/home/site/wwwroot', options));
server.listen(process.env.PORT);

2.install express：

在wwwroot目录下运行此命令，

npm install -save express

3。重新启动您的应用服务并等待几分钟。

---

第二种方法：

1。在根目录下创建一个.htaccess文件。

.htaccess文件：

DirectoryIndex public_html/index.php

2。重新启动您的Web应用并等待几分钟。

---

这是我的网络应用程序的结构：

成功：

如果您还有更多疑问，请告诉我。