运行Vue在ASP.NET Core应用程序并部署在IIS上

前言

从.NET Core 1.0开始我们就将其应用到项目中,但是呢我对ASP.NET Core一些原理也还未开始研究,仅限于会用,不过园子中已有大量文章存在,借着有点空余时间,我们来讲讲如何利用ASP.NET Core结合Vue在IIS上运行。

ASP.NET Core结合Vue部署于IIS

关于安装Vue和Webpack则不再叙述,我们直接来创建ASP.NET Core应用程序或者通过dotnet new mvc创建ASP.NET Core应用程序

接下来在上述应用程序下通过如下命令创建Vue模板

vue init webpack my-project
cd my-project
npm install

接下来我们利用npm run dev启动Vue.

此时Vue也运行起来,我们则可以很嗨森的在本地进行测试了。完成了第一步,然后我们在生产环境实现前后分离,将上述ASP.NET Core应用程序部署到IIS作为一个单独站点,与此同时将Vue也作为一个单独站点。接下来我们将上述应用程序部署到IIS上。

在IIS上创建的站点aspnetcore,其基本设置中应用程序池当然为无托管代码,如果没有请自行下载.NET Core run time。

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

接下来再运行npm run build命令将在wwwroot文件夹下生成vue文件。

然后我们创建前端站点将上述生成的文件放到该站点下,比如我创建的是VueDemo。

是不是一切看起来都是那么简单和easy呢,可能在你进行如上测试时会出现很多问题,我只是未做详细说明而已,比如没有权限访问啊,那就给定权限诺,默认情况下站点权限为IIS APPPOOL\DefaultAppPool ,要是权限不够就配置NET SERVICE或者EVERY ONE,再要么是创建的Vue站点无法访问出现对应的错误代码,此时需要通过Web平台安装路由重写程序。

总结 

本节我们简短介绍了如何实现ASP.NET Core应用程序与前端框架(如Vue)前后分离,上述完成后接下来则是Vue进行接口调用了,有时间会更新利用Vue进行Ajax请求ASP.NET Core接口,如果上述创建过程中出现任何坑而无法解决可直接私信我,一一为你解答。see u。

时间: 2024-09-08 21:37:04

运行Vue在ASP.NET Core应用程序并部署在IIS上的相关文章

详解将ASP.NET Core应用程序部署至生产环境中(CentOS7)_实用技巧

将ASP.NET Core应用程序部署至生产环境中(CentOS7) 阅读目录 环境说明 准备你的ASP.NET Core应用程序 安装CentOS7 安装.NET Core SDK for CentOS7. 部署ASP.NET Core应用程序 配置Nginx 配置守护服务(Supervisor) 这段时间在使用Rabbit RPC重构公司的一套系统(微信相关),而最近相关检验(逻辑测试.压力测试)已经完成,接近部署至线上生产环境从而捣鼓了ASP.NET Core应用程序在CentOS上的部署

将ASP.NET Core应用程序部署至生产环境中(CentOS7)(转)

阅读目录 环境说明 准备你的ASP.NET Core应用程序 安装CentOS7 安装.NET Core SDK for CentOS7. 部署ASP.NET Core应用程序 配置Nginx 配置守护服务(Supervisor) 这段时间在使用Rabbit RPC重构公司的一套系统(微信相关),而最近相关检验(逻辑测试.压力测试)已经完成,接近部署至线上生产环境从而捣鼓了ASP.NET Core应用程序在CentOS上的部署方案,今天就跟大家分享一下如何将ASP.NET Core应用程序以生产

请教如何让部署在IIS上的ASP.NET网站打开控制台应用程序

问题描述 尝试了网上的几个方法:http://www.cnblogs.com/greatverve/archive/2011/01/04/aspnet-exe.html等,发现不部署到IIS上没问题,部署上了以后就打不开,应该是权限问题导致.请问有人知道解决办法不,感激. 解决方案 解决方案二:http://lybwwp.blog.163.com/blog/static/10317248120117184151653/look解决方案三:我个人认为应该是无解..因为我曾经尝试过使用asp.net

asp.net-Forms 验证在本地运行有效,部署在IIS上却无效,IIS是6版本的,是不是哪里需要设置????

问题描述 Forms 验证在本地运行有效,部署在IIS上却无效,IIS是6版本的,是不是哪里需要设置???? 做了附件下载验证用户的的程序,附件地址不能隐藏,就做了个Forms验证在本地都 正常,发布到IIS上后就无效了. Forms 验证在本地运行有效,部署在IIS上却无效 IIS是6版本的,是不是哪里需要设置???? 解决方案 看下是什么错误,最有可能是数据库的问题. 解决方案二: 理论上不需要设置,你是不是 net framework 版本不一致?? 解决方案三: 你是怎么验证form的?

mvc-.net程序如何部署到IIS

问题描述 .net程序如何部署到IIS 我现在写好了一个.Net/C# MVC程序,如何将其部署到IIS上?不能带上源码. 解决方案 直接用visual studio项目菜单下的部署网站功能就可以了,你可以打包上传,或者用webdeploy自动部署. 解决方案二: 解决方案三: 你先要在部署IIS的服务器上建立目录,将你的内容发布到这个目录下,然后就是IIS的设置问题了,将发布的目录做为主目录,设置默认的文档等, 解决方案四: 点击发布->选择文件.Ftp上传服务器.配置iis 解决方案五: 部

Linux+Nginx+Asp.net Core及守护进程部署

这篇文章我将以oss.offical.site站点为例,主要介绍下在linux机器下完整的部署流程,.net core在docker容器中的运行已经介绍,这里.net core运行环境我会介绍直接在linux运行的场景,内容主要包含以下几个部分: 基础工具和Linux环境准备 .Net Core环境安装及端口配置 Nginx的安装配置 Supervisor守护进程安装配置 一. 基础工具和Linux环境准备 工具介绍: Ubuntu:azure云端linux主机 Xshell:免费的linux客

程序发布部署服务器iis后,请求响应速度慢了30多倍

问题描述 首先我这是一个asp.netmvc项目,在点击页面按钮发送异步请求获取数据,在本机vs的IISExpress中运行,在谷歌查看响应时间是,部署服务器后,响应时间是两者差距这么大,这是代码问题吗,还是网络传输问题所致,有什么好办法能解决吗,谢谢 解决方案 解决方案二:是不是我算错了?快了三倍吧....解决方案三:相应速度快慢,影响的因素非常多,没有详细的测试数据,就凭借浏览器的响应时间,什么都说明不了,根本无法定位问题点解决方案四:我上次自己也做了个mvc项目,买了个服务器部署IIS,在

WCF 服务应用程序可以部署到WINCE7 上吗

问题描述 准备开发一个嵌入式的服务,设想可以开发一个WCF服务,部署到WINCE7.0上.手持终端访问在WINCE上的服务.不知是否可行.恳请各位高手不吝赐教.谢谢! 解决方案 解决方案二: 解决方案三:wince不是本来就是手持终端的系统吗为什么手持终端要去访问wince?直接联网访问服务器不好吗?即使能部署上去,你确定它的性能可以干这个活?解决方案四:wince联网访问服务器没有问题:我的项目要求将每个终端作为服务器,可以发布wcf服务,方便外部设备访问:其实,我的wince终端是固定在环境

Azure 部署 Asp.NET Core Web App

在云计算大行其道的时代,当你在部署一个网站时,第一选择肯定是各式各样的云端服务.那么究竟使用什么样的云端服务才能够以最快捷的方式部署一个 ASP.NET Core 的网站呢?Azure 的 Web App 服务是个很好的选择. 下面我们会通过 Visual Studio 创建一个 Asp.net Core demo 应用,然后把这个 demo 应用部署到 Azure Web App. 通过阅读本文,你将会了解到如何创建 Asp.NET Core 应用程序和如何在 Azure 上创建 Web Ap