Descripción del problema
VUE no puede solicitar datos correctos al enviar la solicitud, la consola es la siguiente
Access to XMLHttpRequest at 'http://localhost:8000/equip_fault_report/all' from origin 'http://localhost:8080' has been
blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
La URL en mi solicitud js es así
solución
Escriba lo siguiente en la configuración js
devServer: {
proxy: {
'/api': {
target: 'http://localhost:8000',
changeOrigin: true,
pathRewrite: {
'/api': ''
}
}
}
}
Se interpreta como agregar encabezados de enlace, habilitar dominios cruzados y agregar / api como identificación.
Significa el enlace debajo de la solicitud / api, que regresa directamente al objetivo
La URL de la solicitud js es la siguiente