angular未在请求标头上发送正确的标头

Question

我是一个使用angular的新手，我正在努力学习一点，但我不能使用令牌进行简单的获取。我做了很多研究，最后总是得到这段代码。

对于我的后端，我使用Kotlin/Springboot并配置了Cors。

即使如此，当尝试这样做请求我得到这个错误。

export class AccountService {

  endpoint = 'http://localhost:5000/api-v1/account/list'

  constructor(private http: HttpClient) { }

  list() {
    const token = sessionStorage.getItem('token') // I'm getting the token correctly

    const headers = {
      'Content-Type': 'application/json',
      'Accept': 'application/json',
      'Access-Control-Allow-Headers': '*',
      'Authorization': token,
    }

    return this.http.get<any[]>(this.endpoint, { headers: headers })   } }

访问位于“”的XMLHttpRequesthttp://localhost:5000/api-v1/来源的帐户/列表

--

果心js:15713错误HttpErrorResponse{headers:HttpHeaders，状态：0，状态文本：“未知错误”，url:

服务器端的Cors配置

class CorsFilter : Filter {
    override fun init(p0: FilterConfig?) { TODO("not implemented") }

    override fun destroy() { TODO("not implemented") }

    override fun doFilter(servletRequest: ServletRequest, servletResponse: ServletResponse, filterChain: FilterChain) {
        val response = servletResponse as HttpServletResponse
        val request = servletRequest as HttpServletRequest

        response.setHeader("Access-Control-Allow-Origin", "http://localhost:4200")
        response.setHeader("Access-Control-Allow-Methods", "GET,POST,DELETE,PUT,OPTIONS")
        response.setHeader("Access-Control-Allow-Headers", "Content-Type")
        response.setHeader("Access-Control-Allow-Credentials", true.toString())

        if ("OPTIONS".equals(request.method, ignoreCase = true)) {
            response.status = HttpServletResponse.SC_OK
        } else {
            filterChain.doFilter(servletRequest, servletResponse)
        }
    }
}

我真的不知道在Angular中我们是否应该添加其他东西。

• 角度CLI:7.3。1

Answer 1

在服务器端代码中，您可以更改这一行吗

   response.setHeader("Access-Control-Allow-Origin", "http://localhost:4200")

到

    response.setHeader("Access-Control-Allow-Origin", "*")

这应该行得通。