如何从angular 5应用程序访问我的spring boot应用程序中的资源？

@RestController
@RequestMapping("/api")
public class MyController {
    
    @GetMapping("/resource")
    public String getResource() {
        return "This is a resource from Spring Boot";
    }
}

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable()
export class MyService {
    
    constructor(private http: HttpClient) { }
    
    getResource() {
        return this.http.get('http://localhost:8080/api/resource');
    }
}

import { Component } from '@angular/core';
import { MyService } from './my.service';

@Component({
    selector: 'app-my-component',
    template: `
        <button (click)="getResource()">Get Resource</button>
        <div>{{ resource }}</div>
    `
})
export class MyComponent {
    
    resource: string;
    
    constructor(private myService: MyService) { }
    
    getResource() {
        this.myService.getResource().subscribe((data: string) => {
            this.resource = data;
        });
    }
}