首页 > 解决方案 > 在 Azure 上无服务器部署静态反应应用程序的正确方法是什么?

问题描述

我在 Azure Blob 存储上创建了一个容器,并在 $web 中部署了我的 React 应用程序版本。

以下是我的配置:

在此处输入图像描述

这意味着我的默认页面是 index.html。我的错误页面也是index.html。现在,当我尝试打开www.MyWebUrl.com时,它会正确打开并显示内容。但是,当我导航到任何其他相对路径时,比如说www.MyWebUrl.com/dashboard,容器认为这是一个错误,因为没有目录作为“仪表板”,所以它抛出 404。现在因为我的错误也被映射到 index.html,容器返回 index.html,它成功显示了“/dashboard”。

但是,由于这个错误先显示,网络调用出现404。

在此处输入图像描述

如何避免这个 404,同时仍然使用 react 应用程序无服务器?

标签: reactjsazureserverlessazure-blob-storage

解决方案


推荐阅读