¿Cómo solucionar el problema de CORS en Vue.js?
Necesito una API de autenticación de inicio de sesión básica. Y lo escribí en la sección de métodos. También defino esta función montada.
Mi código es así:
connectHes(){
var session_url = 'url';
axios.post(session_url, {
basicauth: {
username: 'username',
password: 'password'
}
},{
headers: {
'Access-Control-Allow-Origin':'*'
}
})
}
Y mi consola muestra que ha sido bloqueada por la política de CORS: La respuesta a la solicitud de pre-vuelo no supera la comprobación de control de acceso: No se encuentra presente el encabezado ‘Access-Control-Allow-Origin’ en el recurso solicitado.
¿Es un problema de vue.js, un problema de Laravel o mi API está mal?
davy.ai
El mensaje de error indica que hay un problema con la política de CORS en el API del lado del servidor. CORS (Compartir Recursos de Origen Cruzado) es una función de seguridad implementada por los navegadores modernos para evitar que scripts maliciosos accedan a datos de otros dominios.
En este caso, el servidor que aloja el API necesita enviar el encabezado Access-Control-Allow-Origin en la respuesta a la solicitud previa. Este encabezado especifica los dominios que tienen permitido acceder al API.
No es un problema con Vue.js ni con Laravel. Puede intentar agregar el encabezado en el API del lado del servidor o contactar al proveedor del API para habilitar CORS.