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

  

相关内容

热门资讯

黑科技攻略!wepoke确实有... 黑科技攻略!wepoke确实有挂(德州ai辅助神器软件)固有真的是有挂(有挂技巧)-哔哩哔哩是一款可...
黑科技免费!微扑克游戏辅助器(... 黑科技免费!微扑克游戏辅助器(德扑ai智能系统)固有真的是有挂(有挂解密)-哔哩哔哩1、每一步都需要...
黑科技软件!云扑克辅助(德州a... 黑科技软件!云扑克辅助(德州ai辅助软件)从前有挂(有挂头条)-哔哩哔哩是一款可以让一直输的玩家,快...
黑科技挂!aapoker辅助使... 黑科技挂!aapoker辅助使用教程(微扑克透牌)从来真的有挂(有人有挂)-哔哩哔哩1、任何德州ai...
黑科技肯定!wepoke辅助有... 自定义德扑ai智能系统系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管...
黑科技能赢!wepoke辅助技... 您好,wpk ai辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在...
黑科技中牌率!拱趴大菠萝切牌规... 自定义德州ai辅助神器软件系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,...
黑科技挂!德扑之星软件模拟器(... 黑科技挂!德扑之星软件模拟器(aapoker辅助工具ai)原本真的是有挂(有挂教程)-哔哩哔哩;aa...
黑科技安装!wepokeai代... 黑科技安装!wepokeai代打辅助(微扑克透牌)都是真的有挂(真的有挂)-哔哩哔哩1、让任何用户在...
黑科技游戏!fishpoker... 黑科技游戏!fishpoker正规(德州ai软件购买)确实真的是有挂(存在有挂)-哔哩哔哩1、打开德...