通过VS Code将ReactJS应用程序部署到Azure后可以看到'You do not have permission to view this directory or page.'



我在Visual Studio代码上有一个React应用程序,它引用了我的 Asp.Net MVC(Web Api(应用程序的Azure Web应用程序。MVC 应用程序是 Visual Studio 2017 上的 .NET Framework 4.7 项目。

简而言之,我在Visual Studio Code上的react应用程序正在使用从我的Visual Studio 2017项目成功发布的azure web。此 React 应用程序在本地主机上运行良好,并且能够通过访问 azure Web 应用程序来获取/发布详细信息。

为了将此 React 应用程序托管为 azure Web 应用程序,我通过 Visual Studio 代码中的 azure 扩展将其部署到新的 azure Web 应用程序(这是在 mvc Web 应用程序所在的同一资源组中完成的(。但是在部署 react 应用程序后,除了消息 - "您无权查看此目录或页面"之外,我在浏览器上看不到任何内容。

请注意,在我的反应应用程序中,没有web.config。我引用了这篇文章(https://www.c-sharpcorner.com/article/crud-operations-in-reactjs-with-axios-using-web-api-and-sql-server/(来构建反应应用程序。

我想知道 - 这里缺少什么?我在部署方面做错了什么吗?任何帮助将不胜感激。

这是我为解决我的问题所做的:

  1. 通过执行"npm run build"命令创建生产构建。在解决方案中生成了一个包含一些元数据文件的生成文件夹。

  2. 在将反应应用部署到 azure 时引用了生成文件夹。

参考资料: https://medium.com/@to_pe/deploying-create-react-app-on-microsoft-azure-c0f6686a4321

相关内容

最新更新