origin - Cors con función Azure desde localhost(no CLI)

response for preflight does not have http ok status javascript

Question

Estamos usando axios en una aplicación vue.js para acceder a una función de Azure. En este momento estamos obteniendo este error:

No ''Access-Control-Allow-Origin'' header is present on the requested resource.
Origin ''http://localhost:8080'' is therefore not allowed access.

Estamos intentando establecer encabezados de respuesta en la función de esta manera:

context.res = {
body: response.data,
headers: {
''Access-Control-Allow-Credentials'': ''true'',
''Access-Control-Allow-Origin'': ''http://localhost:8080'',
''Access-Control-Allow-Methods'': ''GET'',
''Access-Control-Request-Headers'': ''X-Custom-Header''
}
}

¿Alguien ha encontrado este error?

Answer 1

Lo conseguimos trabajando. Fue una configuración en nuestra función Azure. Vaya a "Características de la plataforma" y luego "CORS". Agregamos http: // localhost: 8080 a la lista de "Orígenes Permitidos" y luego todo funcionó.

Answer 2

Para configurar CORS de forma local cuando no está utilizando CLI y está usando Visual Studio / VS Code, necesita agregar el archivo local.settings.json en su proyecto si no está allí.

Asegúrate de que "Copiar a la salida directamente" esté configurado en "copiar si es más nuevo"

Luego, en su "local.settings.json" puede agregar CORS": "*" estas configuraciones siguientes

 {
"IsEncrypted": false,
"Values": {
},
"Host": {
"LocalHttpPort": 7071,
"CORS": "*"
}
}

Más información: https://docs.microsoft.com/en-us/azure/azure-functions/functions-run-local