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

  

相关内容

热门资讯

第五分钟实锤!德扑数据软件(线... 第五分钟实锤!德扑数据软件(线上wpk德州)果然真的是有挂(详细辅助安装教程)1、每一步都需要思考,...
第九分钟实锤!德州之星有辅助挂... 第九分钟实锤!德州之星有辅助挂(云扑克德州)竟然是真的有挂(详细辅助必备教程)德州之星有辅助挂辅助器...
2分钟实锤!智星德州菠萝外挂(... 2分钟实锤!智星德州菠萝外挂(德州扑克)原来是真的有挂(详细辅助黑科技教程)1、许多玩家不知道智星德...
第9分钟实锤!德扑ai助手(手... 第9分钟实锤!德扑ai助手(手机德州)本来是真的有挂(详细辅助存在挂教程)德扑ai助手软件透明挂微扑...
第8分钟实锤!德扑之星有作弊(... 第8分钟实锤!德扑之星有作弊(德州)其实有挂(详细辅助扑克教程)1、下载好德扑之星有作弊辅助软件之后...
第三分钟实锤!德扑ai智能(n... 第三分钟实锤!德扑ai智能(nzt德州)真是是有挂(详细辅助分享教程);1、全新机制【德扑ai智能软...
第8分钟实锤!德扑之星有猫腻(... 第8分钟实锤!德扑之星有猫腻(来玩德州app)一贯真的有挂(详细辅助2025新版教程)1、完成德扑之...
第六分钟实锤!德州之星辅助挂(... 第六分钟实锤!德州之星辅助挂(德扑之星)真是真的有挂(详细辅助透明教程)1、许多玩家不知道德州之星辅...
两分钟实锤!德扑之星辅助器购买... 两分钟实锤!德扑之星辅助器购买(德州扑克)其实存在有挂(详细辅助透明挂教程)1、进入游戏-大厅左侧-...
第9分钟实锤!智星德州菠萝有挂... 第9分钟实锤!智星德州菠萝有挂吗(来玩德州app)总是是有挂(详细辅助揭秘攻略)1、智星德州菠萝有挂...