abp+ vue 实战总结

yisimo 2019-07-01

下载官方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,用管理员运行iisreset
  • 安装后iis模块还是没有出现AspNetCoreModule托管模块的话,查看右侧配置本机模块,可能没有勾选

安装url重写工具

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

abp+ vue 实战总结
打开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


点击运行:顺利加载网页

abp+ vue 实战总结

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

在iis上运行vue

相关推荐

Notzuonotdied / 0评论 2020-04-20
硅步至千里 / 0评论 2020-04-19
tomli / 0评论 2020-03-04