从源“http://localhost:4200”访问“localhost:8088/user/”的 XMLHttpRequest 已被 CORS 策略阻止 [重复]

Question

我正在使用 Spring Boot 和 Angular。我使用了跨源注释，提到了我的 localhost 的 Angular 端口，但尽管如此我收到以下错误

我的 Spring 启动代码如下

我的模型课

公共类用户{

@Id
@GeneratedValue(strategy = GenerationType.AUTO)
private Long id;

private String userName;
private String password;
private String firstName;
private String lastName;
private String email;
private String phoneNumber;
private boolean enabled = true;
private String profile;}

控制器类如下

package com.exam.portal.controller;

import com.exam.portal.entity.Role;
import com.exam.portal.entity.User;
import com.exam.portal.entity.UserRole;
import com.exam.portal.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.util.HashSet;
import java.util.Set;

@CrossOrigin(origins = "http://localhost:4200")
@RestController
@RequestMapping("/user")
public class UserController {

    @Autowired
    private UserService userService;

    @PostMapping("/")
    public User createUser(@RequestBody User user) throws Exception {

        Set<UserRole>roles = new HashSet<>();
        Role role = new Role();
        role.setRoleId(44L);
        role.setRoleName("NORMAL");

        UserRole userRole = new UserRole();
        userRole.setUser(user);
        userRole.setRole(role);
        roles.add(userRole);
        return userService.createUser(user,roles);
    }

    @GetMapping("/{username}")
    public User getUser(@PathVariable("username")String userName){
    return userService.getUserByUserName(userName);
    }

    @DeleteMapping("/{id}")
    public void deleteUser(@PathVariable("id")Long id){
         userService.deleteUser(id);
    }
}

Angular 服务代码

constructor(private http : HttpClient) { }
  public addUser(user:any){
    console.log("user data is ",user);
    return this.http.post(`${baseURL}/user/`,user);
    
  }

Answer 1

您的变量 baseURL 似乎缺少 localhost:8088 之前的 http://。