如何使用Spring Boot将jwt令牌传递到header？[副本]

Question

我用spring boot和React创建了一个简单的应用程序。我在日志时从后端获得了jwt令牌。我需要在自动传递头部后使用该令牌访问数据。（如bellow postmon ss）

这是我的react代码

useEffect(()=>{
    const config ={
        headers:{
            Authorization: 'Bearer '+ localStorage.getItem('token')
        }
    }
    axios.get('http://localhost:8090/dashboard',config).then(res=>{
        console.log(res);
    })
})

这是我的spring控制器类

@RestController
@CrossOrigin(origins = "http://localhost:3000")
public class AuthController {

@Autowired
private UserRepository userRepository;

@Autowired
private AuthenticationManager authenticationManager;

@Autowired
private UserService userService;

@Autowired
private JwtUtils jwtUtils;

@GetMapping("/dashboard")
public String testingToken(){
    return "Welcome to dashboard.";
}


@PostMapping("/register")
private ResponseEntity<?> subscribeClient(@RequestBody AuthenticationRequest authenticationRequest){
    String userName = authenticationRequest.getUserName();
    String password = authenticationRequest.getPassword();
    String userType = authenticationRequest.getUserType();

    Users userModel = new Users();
    userModel.setUserName(userName);
    userModel.setPassword(password);
    userModel.setUserType(userType);

    try{
        userRepository.save(userModel);
    }catch (Exception e){
        return ResponseEntity.ok(new AuthenticationResponse("Error while subscription."+ userName));
    }

    return ResponseEntity.ok(new AuthenticationResponse("Successfully authenticated."+ userName));
}

@PostMapping("/login")
private ResponseEntity<?> authenticateClient(@RequestBody AuthenticationRequest authenticationRequest){
    String userName = authenticationRequest.getUserName();
    String password = authenticationRequest.getPassword();

    try {
        authenticationManager.authenticate(new UsernamePasswordAuthenticationToken(userName,password));
    }catch (Exception e){
        return ResponseEntity.ok(new AuthenticationResponse("Error during client authentication."+ userName));
    }

    UserDetails userDetails = userService.loadUserByUsername(userName);
    String generatedToken = jwtUtils.generateToken(userDetails);

    return ResponseEntity.ok(new AuthenticationResponse(generatedToken));
}

}

当我运行这个时，控制台结果是

Access to XMLHttpRequest at 'http://localhost:8090/dashboard' from origin 
'http://localhost:3000' has been blocked by CORS policy: 
Response to preflight request doesn't pass access control check: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

怎么解决这个？

Answer 1

如果您还没有尝试过，请尝试创建一个扩展BasicAuthenticationFilter并重写doFilterInternal（）方法的类，使用request参数，使用getHeader（）和log读取header。查找您支持的获取令牌的格式是否正确。

在React代码中，也使用日志并交叉检查LocalStorage.getItem('token')是否返回有效的令牌（承载您的密钥）