tengo una API creada por mi en C# la cual quiero consumir desde javascript con Typescript. Pero al momento de consumirla me da error diciendo que CORS esta bloqueado la conexion desde localhost.
En mi API tengo configurado mis politicas CORS de esta manera:
var builder = WebApplication.CreateBuilder(args);
builder.Services.AddControllers();
builder.Services.AddEndpointsApiExplorer();
builder.Services.AddCors(options => {
options.AddPolicy(name: Constants.MY_CORS,
builder => {
builder.AllowAnyOrigin()
.AllowAnyHeader()
.AllowAnyMethod();
});
});
var app = builder.Build();
app.UseResponseCaching();
app.UseHttpsRedirection();
app.UseAuthentication();
app.UseAuthorization();
app.MapControllers();
app.UseCors(Constants.MY_CORS);
app.UseMiddleware<RoleMiddleware>();
app.Run();
en mi aplicacion cliente tengo una funcion generica que ejecuta peticiones contra API
export async function ExecuteRequest<T>(url: string, body: string, requestType: RequestType, JWT: string = ""): Promise<ErrorResponse | ApiResponse<T>> {
const uri = Environment.getInstance().urlApi + url;
let obj: ErrorResponse | ApiResponse<T>;
try {
let head: Record<string, string> = {};
head.Accept = "application/json";
head["Content-Type"] = "application/json";
if (JWT !== "") {
head.Authorization = `Bearer ${JWT}`;
}
let response = await fetch(uri, {
method: requestType,
headers: head,
body: body,
});
var data = await response.json();
if (data.statusCode >= 200 && data.statusCode < 300) {
obj = new ApiResponse<T>(data.statusCode, data.message, data.data);
} else {
obj = new ErrorResponse(data.statusCode, data.title, data.message);
}
} catch (error) {
obj = new ErrorResponse(400, data.title, data.message);
}
return obj;
}
al momento de llamar a esta funcion con los datos correctos de endpoint en el navegador me da el siguiente error:
Access to fetch at 'http://www.xxxxxx.com/api/Authentication/Login' from origin 'http://localhost:5173' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request
La API la tengo desplegada en Azure y tengo configurado de esta manera el CORS
Ya he probado podiendo un wildcard en vez de especificar localhost en el CORS de azure y tambien lo he hecho marcando el checkbox Enable Access-Control-Allow-Credentials
pero el resultado es el mismo.