如何在 ASP.NET Core 应用程序运行 vue 并且部署在 IIS 上详解
这里有新鲜出炉的 vue.js 教程, 程序狗速度看过来!
Vue.js 轻量级 JavaScript 框架
Vue.js 是构建 web 界面的 JavaScript 库, 提供数据驱动的组件, 还有简单灵活的 API, 使得 MVVM 更简单
这篇文章主要给大家介绍了关于如何运行 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 接口
好了, 以上就是这篇文章的全部内容了, 希望本文的内容对大家的学习或者工作具有一定的参考学习价值, 如果有疑问大家可以留言交流, 谢谢大家对 PHPERZ 的支持
来源: http://www.phperz.com/article/18/0213/352296.html