Я пытаюсь сделать простой запрос от angular до spring. Я использовал чистую пружинную сеть и пружинную безопасность, а также простой запрос angular (9).
Позвольте мне поделиться своим кодом Java и Angular.
Java-код
@RestController @CrossOrigin(origins = "http://localhost:4200")
public class Main {
@RequestMapping("/hello")
public Map<String,Object> home(){
Map<String, Object> model = new HashMap<String, Object>();
model.put("id", UUID.randomUUID().toString());
model.put("content", "Hello from Backend");
return model;
}
}
Файл auth.componen.ts на стороне Angular
import { HttpClient } from '@angular/common/http';
import { NgForm } from '@angular/forms';
import { Component } from '@angular/core';
@Component({
selector: 'app-auth',
templateUrl: './auth.component.html'
})
export class AuthComponent{
isLoginMode = true;
title = 'Demo';
greeting = {};
onSwitchMode(){
this.isLoginMode = !this.isLoginMode;
}
onSubmit(form: NgForm){
console.log(form.value);
form.reset();
}
constructor(private http: HttpClient){
http.get('http://localhost:8080/hello').subscribe(data => this.greeting = data);
}
}
HTML-сторона
<div style="text-align:center"class="container">
<h1>
Welcome {{title}}!
</h1>
<div class="container">
<p>Id: <span>{{greeting.id}}</span></p>
<p>Message: <span>{{greeting.content}}!</span></p>
</div>
</div>
Я перехожу по этой ссылке, но каждый раз, когда получаю эта ошибка:
Редактировать 1: Инструменты разработчика Chrome Результат вкладки «Сеть»:
Я пытался искать в Интернете, но не могу найти ответ. Можете ли вы помочь мне продолжить?
Access-Control-Allow-Origin
. - person Cezary Butler   schedule 28.07.2020