Angular调用SpringBoot的index.html该如何实现?
创始人
2024-10-24 12:01:33
0次
  1. 在Spring Boot的Controller中创建返回index.html的Endpoint,如下所示:
@Controller
public class HomeController {

    @RequestMapping("/")
    public String home() {
        return "index.html";
    }
}
  1. 在Angular中创建一个Service,使用HttpClient来获取Spring Boot的Endpoint返回的index.html文件,例如:
@Injectable()
export class HomeService {

  constructor(private http: HttpClient) { }

  public getHome(): Observable {
    return this.http.get('/api/home', {responseType: 'text'});
  }
}
  1. 在Angular的Component中调用HomeService来获取index.html文件,例如:
@Component({
  selector: 'app-home',
  template: '
' }) export class HomeComponent implements OnInit { public homeHtml: string; constructor(private homeService: HomeService) { } ngOnInit() { this.homeService.getHome().subscribe( (response: string) => { this.homeHtml = response; }, (error: HttpErrorResponse) => { console.error(error); } ); } }
  1. 将Angular的index.html修改为调用Component,如下所示:

  

相关内容

热门资讯

必看攻略!开挂!如何判断wpk... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成如何判断wpk辅助软件的真假解析、 ...
分辨真假开挂!wepoker好... 您好:wepoker好友局透视这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
每日必备辅助挂!we-poke... 每日必备辅助挂!we-poker辅助,wepoker开挂破解助手(往昔是有辅助挂)主打本地运行的 A...
一分钟教你辅助挂!wpk系统是... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
一起来探讨透视挂!WPK工具,... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成WPK工具解析、 AI 处理、WPK...
必备攻略透视挂!wpk辅助是什... 您好:wpk辅助是什么这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌...
交流学习经验透视挂!wpk辅助... 交流学习经验透视挂!wpk辅助工具下载,德扑之星怎么开挂下载(原先真的有透视挂)AI 是一款可以让一...
教程辅助透视!微扑克微乐辅助,... 教程辅助透视!微扑克微乐辅助,德扑之星可以装挂吗神器(确实真的是有透视)AI 是一款可以让一直输的玩...
必备辅助推荐辅助器!WPK官网... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
技巧知识分享开挂!WPK多开,... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...