abp+ vue 实战总结

下载官方abp项目

vue

由于第一次使用vue,完全属于一问三不知的情况，所以点到vue目录，先读ReadMe

vue介绍

abp的官网vew使用介绍

# ASP.NET Boilerplate VueJS Template

The Vue.js integration for ABP Boilerplate framework. This template is built on Vue+iview+Typescript.

![](_screenshots/roles.png)

## Getting Started

### Installing


```sh
cd vue
yarn install 
```

And then start

```
yarn serve
```

## Deployment

```sh
yarn build
```

## Built With

* [Vue](https://vuejs.org/) - The Progressive JavaScript Framework
* [Typescript](https://www.typescriptlang.org/) - Used for static typing
* [Vuex](https://vuex.vuejs.org/) - Vuex is a state management pattern + library for Vue.js applications. 
* [iView](https://www.iviewui.com/) - A High quality and rich functions, friendly APIs, free and flexible UI Toolkit based on Vue.js.

了解到运行vue需要Yarn,百度得 yarn 和npm都属于包管理工具 yarn官网

下载安装 yarn

输入*yarn --version*检测是否安装成功

• 运行 yarn install 无差错

• 运行 yarn serve

  • 报错：'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。
  • 猜测是没有安装 vue-cli 输入命令 安装npm install -g vue-cli
  • 再次运行 还是没成功，重启后成功执行
• 运行 yarn build
  提示：DONE Build complete. The dist directory is ready to be deployed.
  这样的话就可以

关于IIS和asp.net core、vs2017

与ASP.NET时代不同，ASP.NET Core不再是由IIS工作进程（w3wp.exe）托管，而是使用自托管Web服务器（Kestrel）运行，IIS则是作为反向代理的角色转发请求到Kestrel不同端口的ASP.NET Core程序中，随后就将接收到的请求推送至中间件管道中去，处理完你的请求和相关业务逻辑之后再将HTTP响应数据重新回写到IIS中，最终转达到不同的客户端（浏览器，APP，客户端等）。而配置文件和过程都会由些许调整，中间最重要的角色便是AspNetCoreModule，它是其中一个的IIS模块，请求进入到IIS之后便立即由它转发，并迅速重定向到ASP.NET Core项目中，所以这时候我们无需设置应用程序池来托管我们的代码，它只负责转发请求而已。

IIS问题

asp.net core runtime /host

• 部署之前要确保你的IIS上已经安装了AspNetCoreModule托管模块，检测方法：根目录下面->IIS->模块:看是否有如下图所示内容

如果没有的话，点击这里进行下载并安装,或浏览下载页面，安装后需要重启iis，用管理员cmd执行命令iisreset

• 安装后iis模块还是没有出现AspNetCoreModule托管模块的话，查看右侧配置本机模块，可能没有勾选
• 应用池 配置:

安装url重写工具

如图所示，定位到iis根目录，如果管理模块包含Web平台安装程序,则点击打开，否则点击右侧安装。

打开Web平台安装程序后，搜索url即可出现相关安装选项，点击安装。

vs问题

• vs版本号需要15.9

出现以下错误：

The current .NET SDK does not support targeting .NET Core 2.2. Either target .NET Core 1.1 or lower, or use a version of the .NET SDK that supports .NET Core 2.2.

解决办法：由于vs2017是x86的，需要安装x86版本的sdk

---

点击运行：顺利加载网页

却怎么也导航到主页，不知道是什么问题，然后此时想起来 vue怎么与asp.net融合起来呢？是不是没有设置好？

在iis上运行vue

使用cli

命令 vue ui