一步一步配置ABP Core Template with Angular

1、首先去https://aspnetboilerplate.com/Templates下载模板工程，按如下勾选

 

 

2、下载后打开工程如下图，并设置Web.host 作为启动项目，rebuild 还原nuget包

此时你启动项目，你可以通过访问:21021/swagger/ 查看到你服务端的api，表面服务端程序运行成功。

 

 

3、安装nodejs 地址如下：https://nodejs.org/en/，使用管理员权限打开node.js command prompt 命令窗体

 4、执行CD /d “”目录“  进入到 Web.Host的工程目录里

5、执行npm install 命令

6、执行npm start命令，进行客户端的工程的编译，可是此时许多报错如下：

解决方法：

打开xxxWeb.Host\src\assets\fonts\roboto\roboto.css ，检查

src: local('Roboto'), local('Roboto-Regular'), url(‘mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2‘’) ， format(woff2‘);

所有的src的url，format是否带引号，并且format前有逗号，然后重新执行npm start

 

7、此时可以运行localhost:4200 ,显示登录页面如下：

 

如果你使用127.0.0.1:4200 地址运行的话，会报跨域访问错误，配置文件在xx.Web.Host\appsettings.json中

"App": { "ServerRootAddress": "http://localhost:21021/", "ClientRootAddress": "http://localhost:4200/", "CorsOrigins": "http://localhost:4200" },