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

  

相关内容

热门资讯

3分钟经验!poker辅助器免... 3分钟经验!poker辅助器免费安装(透视)总是真的是有辅助安装(哔哩哔哩)1、玩家可以在poker...
4分钟脚本!闲来辅助工具,兴动... 4分钟脚本!闲来辅助工具,兴动互娱辅助工具(确实存在有辅助辅助器)-哔哩哔哩1、下载好兴动互娱辅助工...
第7分钟步骤!wepoker可... 第7分钟步骤!wepoker可以透视码(透视)竟然真的有辅助辅助(哔哩哔哩)1、进入游戏-大厅左侧-...
第六分钟插件!美猴王辅助,乐趣... 第六分钟插件!美猴王辅助,乐趣江苏破解器(总是有挂辅助工具)-哔哩哔哩运乐趣江苏破解器辅助工具,进入...
一分钟指引!we-poker辅... 一分钟指引!we-poker辅助软件教程(透视)一直是有辅助教程(哔哩哔哩)1、进入游戏-大厅左侧-...
8分钟安装!堆金城陕西辅助器,... 8分钟安装!堆金城陕西辅助器,杭州都莱辅助软件有没有用(竟然真的是有辅助辅助器)-哔哩哔哩1、用户打...
八分钟资料!悦扑克脚本(透视)... 八分钟资料!悦扑克脚本(透视)一直有辅助脚本(哔哩哔哩)1、不需要AI权限,帮助你快速的进行悦扑克脚...
三分钟插件!心悦辅助,游戏茶苑... 三分钟插件!心悦辅助,游戏茶苑辅助(果然是有辅助辅助)-哔哩哔哩1、进入到游戏茶苑辅助是否有挂之后,...
四分钟教程书!wpk有作必弊吗... 四分钟教程书!wpk有作必弊吗(透视)切实是有辅助教程(哔哩哔哩)1.wpk有作必弊吗 选牌创建新账...
九分钟插件!中至抚州数刀辅助器... 九分钟插件!中至抚州数刀辅助器,雀姬辅助(竟然是有辅助插件)-哔哩哔哩亲,关键说明,中至抚州数刀辅助...