相关疑难解决方法(0)

React App 未在 azure 应用服务中启动

我已将一个简单的 React 应用程序部署到 azure 应用程序服务,但它无法启动:

如何让应用程序运行 index.html?

在此处输入图片说明

javascript azure reactjs azure-app-service-plans azure-web-app-service

8
推荐指数
4
解决办法
7322
查看次数

React App 部署到 Azure Web 的过程?

我目前正在尝试将默认的 React Web 应用程序部署到 Azure,但遇到了一个问题,尽管我将构建文件夹的内容部署到了 azure 托管的 /site/wwwroot 文件夹,但在转到托管地址:https://[project_name].azurewebsites.net/

登陆页面 : 在此处输入图片说明

我打算部署默认的 create-react-app 反应应用程序,以便我可以在部署我的真实站点时停止该过程。我遵循的过程几乎就是本文中提到的https://medium.com/@to_pe/deploying-create-react-app-on-microsoft-azure-c0f6686a4321

  1. 使用 create-react-app 创建默认的 React App
  2. 运行“npm run build”以获取构建文件夹
  3. 进入 Azure React 门户并创建一个新的 Web 应用程序 ***
  4. FTP/Git 将本地build文件夹的内容部署到Azure网站的/site/wwwroot/文件夹中
  5. 为了矫枉过正,我添加了下面的 web.config 文件来处理未来的路由,但也尝试过没有这一步

最后我的 Azure 站点的内容是这样的

文件夹内容: 在此处输入图片说明

此时,当我尝试访问 Azure 站点时,我收到“嘿,Node 开发人员!”的提示。这意味着我的代码未部署的页面。关于为什么会这样的任何想法?

*** 我有一种预感,在 Azure Web Api 的配置过程中,有些东西没有正确设置,这可能是因为我选择 Node 10.14 作为我的运行时堆栈,仅仅是因为这是我安装的 Node 版本,并与我的本地一起使用反应应用程序。

谢谢你们的时间。

azure reactjs react-router azure-devops

3
推荐指数
1
解决办法
2601
查看次数

如何将 React 应用程序的生产 npm 版本部署到 Azure 应用服务

我正在尝试通过 ftp 将我的 React 应用程序的 npm 构建版本部署到 azure web 服务。我移动了构建文件夹,但是当我加载应用程序的 URL 时,默认屏幕会加载Hey Node Developers!.

我可以通过 github 和 kudu 进行部署。但是,我不认为这是一个生产质量的应用程序,因为它不是npm run build使用create-react-app.

我已经阅读了这个天蓝色指南以及各种博客。我也包含了该web.config文件。没有什么能让我的页面正确加载。

我尝试过使用节点版本10.110.14LTS。我尝试过使用 Linux 和 Windows 应用服务。

javascript azure reactjs azure-web-app-service create-react-app

1
推荐指数
1
解决办法
2764
查看次数

React Router 在 Azure Linux Web 应用程序上抛出 404

我们正在将 React Web App 从 Windows 应用服务迁移到 Linux 应用服务。我们有一个自定义 web.config 来处理路由,这样当用户手动访问我们的路由之一时,他们就不会遇到 404。此修复不适用于 Linux 应用服务。

我们遇到了 404,我们需要它来工作,因为我们有用户应该能够到达的自定义路由。如果他们路由到默认的 index.html,该站点就可以工作,但自定义路由则不行。我们已尝试创建新的 Windows 应用服务,迁移工作正常。关于如何让自定义路由在 Linux 应用服务中工作的任何想法?

这是我们当前使用的 web.config:

<?xml version="1.0"?>
<configuration>
 <system.webServer>
 <staticContent>
 <remove fileExtension=".woff" />
 <remove fileExtension=".woff2" />
 <remove fileExtension=".otf" />
 <remove fileExtension=".ttf" />
 <remove fileExtension=".eot" />
 <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
 <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
 <mimeMap fileExtension=".otf" mimeType="application/font-otf" />
 <mimeMap fileExtension=".ttf" mimeType="application/font-ttf" />
 <mimeMap fileExtension=".eot" mimeType="application/font-eot" />
 <clientCache cacheControlMode="DisableCache" />
 </staticContent>
 <rewrite>
 <rules>
 <rule name="React Routes" stopProcessing="true">
 <match url=".*" />
 <conditions logicalGrouping="MatchAll">
 <add input="{REQUEST_FILENAME}" …
Run Code Online (Sandbox Code Playgroud)

azure reactjs react-router azure-web-app-service

0
推荐指数
1
解决办法
1375
查看次数