运行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。
转载于:https://www.cnblogs.com/CreateMyself/p/7643014.html
运行Vue在ASP.NET Core应用程序并部署在IIS上相关推荐
- ASP .NET Core 2.0 MVC 发布到 IIS 上以后 无法下载apk等格式的文件
ASP .NET Core MVC 发布到 IIS 上以后 无法下载apk等格式的文件 使用.NET Core MVC创建了一个站点,其他文件可以下载,但是后来又需求,就把手机端的apk合适的文件上 ...
- ASP.NET如何把ASPX网站部署到IIS上
当一个项目完成了,你是否想过把它发布到服务器上去呢?那么下面就来告诉你如何去部署它吧! (Visual Studio版本: 2019) 首先要准备好你的项目 然后进行如下操作 第一大步骤 1.打开你需 ...
- ASP.NET如何把ASPX网站部署到IIS上(超详细)
当一个项目完成了,你是否想过把它发布到服务器上去呢?那么下面就来告诉你如何去部署它吧! (Visual Studio版本: 2019) 首先要准备好你的项目 然后进行如下操作 第一大步骤 1.打开你需 ...
- ASP.NET Core 使用IIS作为Web服务器,部署在IIS上
1.修改项目代码Program.cs文件 替换为如下内容: public class Program { public static void Main(string[] ar ...
- linux运行core控制台程序,VisualStudioCode创建的asp.net core控制台程序部署到linux
1.asp.net core控制台程序 static void Main(string[] args) {int times=10;while(times>=0) { Console.Write ...
- 如何在Ubuntu 18.04上使用Nginx与MySQL服务器一起部署ASP.NET Core应用程序
The author selected the Open Source Initiative to receive a donation as part of the Write for DOnati ...
- 在ASP.NET Core应用程序中使用分布式缓存
本文要点 ASP.NET Core内置了分布式缓存接口. 分布式缓存的主要好处有性能.数据共享和稳定性. Couchbase服务器是一个内存优先的数据库,非常适合作为分布式缓存. NuGet程序包使得 ...
- 将终结点图添加到你的ASP.NET Core应用程序中
在本文中,我将展示如何使用DfaGraphWriter服务在ASP.NET Core 3.0应用程序中可视化你的终结点路由.上面文章我向您演示了如何生成一个有向图(如我上篇文章[译]使用DOT语言和G ...
- 使用Azure Application Insignhts监控ASP.NET Core应用程序
Application Insignhts是微软开发的一套监控程序.他可以对线上的应用程序进行全方位的监控,比如监控每秒的请求数,失败的请求,追踪异常,对每个请求进行监控,从http的耗时,到SQL查 ...
最新文章
- Java的GC机制及算法
- java中update_Java 7 Update 21安全改进的详细信息
- el表达式 多条件判断
- [算法] 循环有序数组查找递归实现
- Three.js地图轮廓分割效果
- catia 桥接曲面圆角_CATIA建模教程(二)——圆角及桥接在空间曲线中的应用.pdf...
- Linux服务器中登录oracle数据库
- 如何让word中清晰的图片无损导出为pdf?
- 【易通慧谷】盘点供应链金融的主要模式和对商业银行领域的影响
- Openstack配置hyperv作为虚拟化服务器
- 关于打印机能够搜到但是无法连接的解决办法
- Cors跨域(一):深入理解跨域请求概念及其根因
- 离散型随机变量及其分布列
- termux关于python3.10中下载numpy,pandas,matplotlib,以及jupyter|ahonsmile
- CodeCombat计算机科学6.14脆弱的迷宫
- 2021-03-10
- input输入框输入中文时,需要计数input输入的汉字数,解决拼音输入的时候计数问题
- Unity --- 角色移动时播放动画 与 动画剪辑
- 图片 EXIF 问题
- linux制作剪刀石头布游戏,C#实现剪刀石头布游戏
热门文章
- 海洋工程-专业名词-学科关键词(终极版)
- fiddler对手机进行抓包
- java加载自己写的类_java 自定义类加载器从磁盘或网络加载类
- ant design vue input change_vue中关于$emit用法的笔记
- python logging 不输出控制台_python logging日志配置,如何不输出到控制台
- 自定义键盘码_?光效DIY+自定义宏:玩法多样的杜伽k320RGB机械键盘
- 用hundred造句子_关于冬至的问候短句,冬至文案唯美句子
- sqlmap安装_黑客神器系列篇章之“sqlmapquot;
- linux文件系统分隔符,Linux的哲学思想和文件系统
- html调用deeplink,如何优雅地从浏览器打开本地应用deeplink