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

  

相关内容

热门资讯

9分钟辅助!gif助手破解版,... 9分钟辅助!gif助手破解版,确实是有辅助技巧(有挂头条)1、实时gif助手破解版透视辅助更新:用户...
第8分钟辅助!哈狗辅助,原来真... 第8分钟辅助!哈狗辅助,原来真的有辅助攻略(有挂辅助)哈狗辅助脚本下载中分为三种模型:哈狗辅助挂靠谱...
第八分钟辅助!福建天天开心辅助... 第八分钟辅助!福建天天开心辅助工具,确实是有辅助技巧(了解有挂)福建天天开心辅助工具脚本下载中分为三...
八分钟辅助!雅苑蕲春辅助,果然... 八分钟辅助!雅苑蕲春辅助,果然真的有辅助器(有挂方法)1)雅苑蕲春辅助有没有挂:进一步探索雅苑蕲春辅...
第8分钟辅助!新佛手在线辅助软... 第8分钟辅助!新佛手在线辅助软件,总是存在有辅助工具(有挂细节)1、完成新佛手在线辅助软件辅助器v3...
5分钟辅助!爱来辅助器,本来是... 5分钟辅助!爱来辅助器,本来是真的有辅助软件(真的有挂)1、爱来辅助器脚本辅助下载、爱来辅助器免费透...
两分钟辅助!星悦游戏辅助官网,... 两分钟辅助!星悦游戏辅助官网,真是有辅助挂(有挂分享)1、上手简单,内置详细流程视频教学,新手小白可...
第三分钟辅助!叮叮川南字牌外挂... 第三分钟辅助!叮叮川南字牌外挂,一贯是真的有辅助技巧(揭秘有挂)1、进入到叮叮川南字牌外挂是否有挂之...
7分钟辅助!小闲川南斗十四辅助... 7分钟辅助!小闲川南斗十四辅助,一直存在有辅助工具(有挂方法)1、该软件可以轻松地帮助玩家将小闲川南...
三分钟辅助!闲逸有没有辅助软件... 三分钟辅助!闲逸有没有辅助软件功能,真是是有辅助工具(有挂方法)1、上手简单,内置详细流程视频教学,...