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,如下所示:

  

相关内容

热门资讯

黑科技攻略!(aa poker... 黑科技攻略!(aa poker)透明挂辅助工具,(AAPOkER)从来存在有挂,透明教程(有挂软件)...
黑科技免费(微扑克插件)外挂透... 黑科技免费(微扑克插件)外挂透视辅助神器(透视)解密教程(确实有挂)1、在微扑克插件ai机器人技巧中...
黑科技辅助!(WpK)透视辅助... 1、黑科技辅助!(WpK)透视辅助挂,(WpK)素来存在有挂,必备教程(有挂方法);详细教程。2、W...
黑科技规律(Wepoke)黑科... 黑科技规律(Wepoke)黑科技透明挂辅助助手(透视)存在挂教程(竟然存在有挂)1、游戏颠覆性的策略...
黑科技系统!(德州之星)外挂辅... 您好,德州之星这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款游戏...
黑科技玄学(wpk德州扑克)外... 黑科技玄学(wpk德州扑克)外挂透视辅助安装(透视)微扑克教程(一直是有挂)wpk德州扑克是一种具有...
黑科技教学!(aaPoker)... 黑科技教学!(aaPoker)透明挂辅助安装,(AAPOker)切实有挂,扑克教程(有挂教程)是一款...
黑科技软件(传奇扑克)外挂辅助... 黑科技软件(传奇扑克)外挂辅助方法(透视)第三方教程(其实真的是有挂)1、完成传奇扑克透视辅助安装,...
辅助黑科技!(德州aa扑克)透... 1、辅助黑科技!(德州aa扑克)透明挂辅助app,(德州aapoker)都是是真的有挂,软件教程(有...
黑科技存在(微扑克模拟器)外挂... 黑科技存在(微扑克模拟器)外挂透视辅助软件(透视)玩家教你(原来有挂);微扑克模拟器辅助器中分为三种...