一步一步配置ABP Core Template with Angular
1、首先去https://aspnetboilerplate.com/Templates下载模板工程,按如下勾选
2、下载后打开工程如下图,并设置Web.host 作为启动项目,rebuild 还原nuget包
启动前需修改按需要数据库连接地址,文件为xxx.Web.Host\appsettings.json中的
"ConnectionStrings": {
"Default": "Server=localhost/EXPRESS; Database=EcolposcopeDb; Trusted_Connection=True;"
},
然后执行数据库迁移,方法如下:
选择web.host 工程,执行update-Database
此时你启动项目,你可以通过访问http://localhost: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"
},
设置CorsOrigins即可 。
使用账户admin,密码123qwe登录即可
8、 API的使用
(1)首先获取AccessToken, 点击展开下图api接口,model中填入密码账户,点try it out,即可得到token
(2)设置身份验证
点击Authorize 按下图输入你刚刚获取的accessToken
3、设置身份验证后,就可以调用其他api接口了
最新文章
- WebAPI返回数据类型解惑[转]
- Maven项目配置不接文件名
- 拖动div简单事例代码
- java call sap
- RFC总结-SD模块
- UrlRewriteFilter 美化器的使用方法 伪静态化的解决方案(转)
- FirstOrDefault()的重载方法
- ACE首页更改
- C#特性:从自定义一个特性开始,谈谈什么是特性
- 201521123018 《Java程序设计》第10周学习总结
- 浅谈session,cookie,sessionStorage,localStorage的区别及应用场景
- ketlle windows下的安装(最基本)
- 【sping揭秘】24、Spring框架对JMS的集成(无环境版,以后学MQ的时候再隆重介绍)&; 任务调度和线程池
- Cookie隐藏小广告
- python练习册0004题
- spring jar包依赖
- NEXYS 3开发板练手--USB UART(二)
- LUA 表排序
- @RequestBody 和@ResponseBody 注解详解
- php文件上传接口及文件上传错误服务器配置