是否可以将单个MVC剃刀视图/页面转换为SPA？

Posted 2021-04-13

我目前有一个ASP.NET核心MVC应用程序，其中包含多个页面，其中一个特定页面包含大量手工制作的javascript代码和ajax请求。它变得非常难以管理，我想转移到Angular，React等框架，仅用于此特定页面。将单个MVC视图转换为SPA应用程序并保留其他页面是可行的吗？有没有人对此有任何参考？谷歌不是太有帮助......

答案

我发现这样做的最简单方法是使用其中一个SPA模板，然后在其周围添加静态页面。

这是一个我制作的example project，它通过在角度SPA模板中添加一个新的Razor页面来演示这个概念。

要为现有的MVC / Razor Pages应用程序执行此操作，我建议将以下内容从SPA模板项目复制到MVC / Razor Pages应用程序：

• ClientApp
• 控制器（SampleDataController.cs）
• 意见（主页，共享）
• npm_shrinkwrap.json
• 的package.json
• tsconfig.json
• webpack.config.json
• webpack.config.vendor.json
• Startup.cs（复制SPA的东西）

这不是一个详尽的列表，但应该让大多数人都这样。