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

  

相关内容

热门资讯

6分钟必备!天天爱柳州辅助器,... 6分钟必备!天天爱柳州辅助器,好友赣南能装挂吗(真是是真的挂)-哔哩哔哩好友赣南能装挂吗辅助器中分为...
第八分钟解谜!传送屋辅助器下载... 第八分钟解谜!传送屋辅助器下载,广西友乐辅助app(原来有挂)-哔哩哔哩1、进入游戏-大厅左侧-新手...
两分钟揭露!丫丫陕西打锅子插件... 两分钟揭露!丫丫陕西打锅子插件,多乐找刺激辅助(都是真的有挂)-哔哩哔哩丫丫陕西打锅子插件软件透明挂...
八分钟总结!小程序边锋干橙眼辅... 八分钟总结!小程序边锋干橙眼辅助,天天飞小鸡辅助(好像有挂)-哔哩哔哩1、金币登录送、破产送、升级送...
第4分钟必备!孝感卡五星辅助,... 第4分钟必备!孝感卡五星辅助,小程序微乐辅助软件(确实存在有挂)-哔哩哔哩1、实时小程序微乐辅助软件...
7分钟详细!越乡游嵊州辅助,约... 7分钟详细!越乡游嵊州辅助,约局吧辅助(都是真的是有挂)-哔哩哔哩暗藏猫腻,小编详细说明越乡游嵊州辅...
第十分钟详情!拱趴大菠萝调胜率... 第十分钟详情!拱趴大菠萝调胜率,赣牌圈控制牌型(其实是有挂)-哔哩哔哩1、进入到拱趴大菠萝调胜率黑科...
第四分钟揭露!威信茶馆app破... 第四分钟揭露!威信茶馆app破解版,微友辅助器免费版(总是是真的挂)-哔哩哔哩微友辅助器免费版辅助器...
第3分钟揭幕!手机透视辅助器a... 第3分钟揭幕!手机透视辅助器app,新518互游插件(原来有挂)-哔哩哔哩1、任何手机透视辅助器ap...
4分钟曝光!微乐游戏辅助脚本安... 4分钟曝光!微乐游戏辅助脚本安装,兴义水鱼天下有辅助吗(一贯真的有挂)-哔哩哔哩一、兴义水鱼天下有辅...