如何在ASP.NET核心应用中运行Vue并将其部署在IIS上

序

从。NET Core 1.0，我们已经应用到项目中了，但是我还没有开始学习ASP.NET Core的一些原理，只是有用。然而，花园里有很多文章。有一点空余时间，我们就来说说如何用ASP.NET Core和Vue在IIS上运行。

ASP。NET核心与部署在IIS中的Vue相结合

我们将不描述Vue和Webpack的安装。我们将直接创建ASP.NET核心应用或通过dotnet新mvc创建ASP.NET核心应用

接下来，在上述应用程序下，使用以下命令创建一个Vue模板

vue init web pack my-project CD my-project NPM安装

接下来，我们使用npm运行dev来启动Vue。

此时，Vue正在运行，所以我们可以在本地进行测试。完成第一步后，我们把生产环境实现前后分开，把上面提到的ASP.NET Core应用部署到IIS作为单独的站点，同时把Vue作为单独的站点。接下来，我们将上述应用程序部署到IIS。

aspnetcore是在IIS上创建的站点，它的应用程序池在其基本设置中当然是非托管代码。如果没有，请下载。NET Core运行时。

此时我们需要做的就是修改Vue配置文件，修改生成的Vue模板项目的config文件夹下的Index.js文件，配置生成文件所在的目录，如下所示：

运行npm运行构建命令将在wwwroot文件夹下生成vue文件。

然后我们创建一个前端站点，并将上面生成的文件放在站点下面。比如我创建了VueDemo。

是不是一切都显得那么简单容易？做上面的测试可能会有很多问题。我只是没有详细说明。例如，如果您没有权限访问它，请给予权限。默认情况下，站点权限是IIS APPPOOL\DefaultAppPool。如果权限不够，请配置网络服务或每一个。或者，创建的Vue站点无法访问，出现相应的错误代码。此时需要通过Web平台安装路由重写程序。

摘要

在本节中，我们将简要介绍如何将ASP.NET核心应用程序与前端框架(如Vue)分离。以上完成后，Vue调用接口，会及时使用Vue更新Ajax请求的ASP.NET Core接口。

好了，这就是本文的全部内容。希望本文的内容对你的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。