将 VUE 项目与 .net 框架项目相结合

【问题标题】：Combining VUE project with .net framework project将 VUE 项目与 .net 框架项目相结合
【发布时间】：2021-01-17 22:20:30
【问题描述】：

我有一个项目在客户端使用 VUE，在服务器端使用 .net 框架，但现在它们在两个单独的项目中。在我开发的时候，我必须为他们每个人打开一个端口。

我知道我可以将 VUE 项目构建到 dist 文件夹并将其放入服务器端，但这不是我真正想要的，因为它对开发不是很友好。

我想知道在 Visual Studio 中是否有将两个项目合并为一个的解决方案？所以我可以打开一个端口并开发客户端和服务器端。谢谢！

【问题讨论】：

我还建议查看实现spa.UseVueDevelopmentServer() 方法的教程。

标签： javascript c# .net visual-studio vue.js

【解决方案1】：

您可以使用 AspNetCore SPA 服务来启动 spa 应用程序的开发服务器。这样您就可以在 .Net Core 项目中使用 React、Vue 等库/框架，而无需分离。 AspNetCore 当前支持 React 应用程序。您可以查看here 的样板。

对于 Vue 实现，您可以查看本教程 here

将您的 Vue 目录放入 ClientApp 文件夹（在 VisualStudio 中）：

并像这样在 Startup 中自定义您的代码。

app.UseSpa(spa =>
{
    spa.Options.SourcePath = "ClientApp";
    if (env.IsDevelopment())
    {
        spa.UseVueDevelopmentServer(npmScript: "serve");
    }
});

有关AspNetCore.UseSpa()的更多信息，您可以找到here

希望对你有帮助

【讨论】：

非常感谢您的帮助！我想知道 .net 框架中是否有相同的方法？