[英]Angular 5 - httpClient is not sending headers on request
我有向我的zuul服務發送http請求的角度應用程序,我的問題是當我嘗試發送授權標頭時,zuul服務未收到標頭,這是角度代碼:
obtenerAvisos() {
const token = localStorage.getItem('token');
const headers = new HttpHeaders(
{
'Content-Type': 'application/json',
'Authorization': token
}
);
return this.http.get(
environment.url + environment.msavisos,
{
headers: headers
}
);
}
在zuul上,我創建了一個前置過濾器,在這里嘗試捕獲標頭:
package com.filtro;
import javax.servlet.http.HttpServletRequest;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpStatus;
import org.springframework.web.client.HttpStatusCodeException;
import com.netflix.zuul.context.RequestContext;
import com.utilidades.JwtUtil;
import io.jsonwebtoken.Claims;
import io.jsonwebtoken.ExpiredJwtException;
import com.netflix.zuul.ZuulFilter;
public class PreFilter extends ZuulFilter {
@Override
public String filterType() {
return "pre";
}
@Override
public int filterOrder() {
return 1;
}
@Override
public boolean shouldFilter() {
return true;
}
@Autowired
private JwtUtil jwtUtil;
@Override
public Object run() {
RequestContext ctx = RequestContext.getCurrentContext();
HttpServletRequest request = ctx.getRequest();
String ip = request.getLocalAddr();
String authorization = request.getHeader("Authorization");
String content = request.getHeader("Content-Type");
System.out.println(content);
try {
if ( request.getRequestURL().toString().contains("/usuarios/sesion")) {
} else if ( authorization != null ) {
Claims claims = null;
try {
claims = jwtUtil.parseToken(authorization);
} catch (ExpiredJwtException e) {
// Sesion expirada
ctx.unset();
ctx.setResponseStatusCode(HttpStatus.FORBIDDEN.value());
}
if (claims != null) {
if (!JwtUtil.esIpCorrecta(claims, ip)) {
// Ip sin acceso
ctx.unset();
ctx.setResponseStatusCode(HttpStatus.FORBIDDEN.value());
} else {
// Acceso concedido
ctx.addZuulRequestHeader("authorization", jwtUtil.generateToken(claims, ip));
}
} else {
// Token Invalido
ctx.unset();
ctx.setResponseStatusCode(HttpStatus.FORBIDDEN.value());
}
} else {
ctx.unset();
ctx.setResponseStatusCode(HttpStatus.FORBIDDEN.value());
}
} catch (HttpStatusCodeException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
}
我使用郵遞員提出了一個請求,並發送了郵件頭,並且一切正常,我已經看到了這 一點,但是找不到答案,有人可以幫助我解決這個問題嗎?在此先感謝您。
嘗試將'withCredentials'標頭添加為true:
get(url) {
return this.http.get(url, this.getHttpOptions());
}
getHttpOptions() {
const token = localStorage.getItem('token');
const headers = {
'Content-Type': 'application/json',
'Authorization': token
}
return { withCredentials: true, headers: headers };
}
你能試一下嗎 :
return this.http.get(
environment.url + environment.msavisos,
{
headers: new HttpHeaders().set('Authorization', localStorage.getItem('token'))
.set('Content-Type', 'application/json')
}
);
最后的問題是zuul,我需要在主應用程序中添加cors配置:
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.cloud.netflix.zuul.EnableZuulProxy;
import org.springframework.context.annotation.Bean;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
import com.filtro.PostFilter;
import com.filtro.PreFilter;
import com.utilidades.JwtUtil;
@SpringBootApplication
@EnableZuulProxy
public class MsZuulApplication {
public static void main(String[] args) {
SpringApplication.run(MsZuulApplication.class, args);
}
@Bean
public CorsFilter corsFilter() {
final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
final CorsConfiguration config = new CorsConfiguration();
config.setAllowCredentials(true);
config.addAllowedOrigin("*");
config.addAllowedHeader("*");
config.addAllowedMethod("OPTIONS");
config.addAllowedMethod("HEAD");
config.addAllowedMethod("GET");
config.addAllowedMethod("PUT");
config.addAllowedMethod("POST");
config.addAllowedMethod("DELETE");
config.addAllowedMethod("PATCH");
source.registerCorsConfiguration("/**", config);
return new CorsFilter(source);
}
}
希望這可以幫助其他人:)
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.