Reactjs 未能将React应用程序（生成）文件夹部署到应用程序服务Azure

我将在下面的链接中介绍如何将React应用程序部署到应用程序服务Azure。

但是，我无法看到我的应用程序页面，只能看到Azure应用程序服务默认页面。“嘿，节点开发人员！”

这里，我附上了关于部署条件和日志的截图。[应用服务1

请告知

---

更新：

DirectoryIndex public_html/index.php

另一种方法：

DirectoryIndex public_html/index.php

此方法的前提是您拥有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:

DirectoryIndex public_html/index.php

在wwwroot目录下运行此命令

npm install -save express

3.重新启动应用程序服务并等待几分钟。

---

原始答案：

DirectoryIndex public_html/index.php

首先，您可以通过此链接了解如何将react应用程序部署到azure

所有文件都将上载到D:/site/wwwroot，即物理文件夹

基于Linux操作系统的web应用的默认页面设置非常类似

例如，我在public_html文件夹下有一个名为index.php的文件，我想将其设置为web应用程序的默认页面

您需要在wwwroot下创建一个名为

.htaccess

的文件

这是

.htaccess

文件的内容：

DirectoryIndex public_html/index.php

然后，成功设置默认页面：

---

@BowmanZhu-感谢您回复我的邮件。我可以知道在哪里设置默认文件吗？该应用程序在Linux上运行。您好，如果您基于Linux，则没有默认文件设置。您需要在根目录中添加.htaccess。这是文件的内容：

目录索引您的文件文件夹/thedefaultfile

is可能无法完全解决您的问题，但如果您基于Linux，您必须注意这一点。@BowmanZhu-我仍然不清楚您在这里提到的内容。您能否更具体地说明如何创建htaaccess？我曾尝试在谷歌上搜索如何将React应用部署到Azure应用服务，但没有人提到。看看这个博客：still没有解决我的问题。@David是你的问题，web应用程序没有显示你想要的页面还是其他什么？@David你能在azure上显示你的web应用程序的结构吗？@BowmanZhu-应用程序服务仍然显示应用程序服务默认页面，'嘿，节点开发者！“页面。不是index.html。我猜是指向HostingStart.html而不是index.html的应用程序服务实例。@BowmanZhu-这对我来说意义重大，让我试试这个方法，随时向您通报。”。