我在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/(来构建反应应用程序。
我想知道 - 这里缺少什么?我在部署方面做错了什么吗?任何帮助将不胜感激。
这是我为解决我的问题所做的:
-
通过执行"npm run build"命令创建生产构建。在解决方案中生成了一个包含一些元数据文件的生成文件夹。
-
在将反应应用部署到 azure 时引用了生成文件夹。
参考资料: https://medium.com/@to_pe/deploying-create-react-app-on-microsoft-azure-c0f6686a4321