Angular 6集成Spring Boot 2,Spring Security,JWT和CORS系列:二、Angualr项目连接heroapi项目的增删改查接口

本教程详细介绍了如何将Angular 6项目与Spring Boot 2集成,包括使用Spring Security和JWT处理身份验证,以及解决CORS跨域问题。通过修改Angular的hero.service.ts和app.module.ts文件,将接口地址指向Spring Boot应用,并注释掉模拟API。同时在Spring Boot项目中添加CORS和安全配置,以允许所有请求并关闭CSRF。完成这些步骤后,Angular项目能够成功调用接口进行增删改查操作。
摘要由CSDN通过智能技术生成

Angular官方样例Tour of Heroes通过angular-in-memory-web-api来模拟实现远程调用对hero进行增删改查,本节对其修改调用上一节实现的接口。

一、在码云中创建项目heroes-web

二、下载Angular官方样例代码

三、安装依赖包,在项目所在文件夹的控制台(或cmd)中: npm install

四、关联git: 

1、创建git创库:   git init

2、关联远程创库:git remote add origin https://gitee.com/lxhjh2015/heroes-web.git

3、拉取代码到本地:git pull origin master

4、本地添加:git add .

5、本地提交:git commit -am "第一次提交"

6、推送代码:git push

7、为了记录本小节成果,建立本地分支: git checkout -b base

8、把本地分支上传到远程(远程创建分支):git push origin base

9、切换回master分支:git checkout master

10、创建本节工作分支: git checkout -b first

11、把本节工作分支上传到远程: git push origin first

这样本地和远程,都分别有三个分支master、base、first

五、修改angular项目代码

angular项目代码

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值