Problema entre dominios de VUE Acceso a XMLHttpRequest en'http: // localhost

Descripción del problema

VUE no puede solicitar datos correctos al enviar la solicitud, la consola es la siguiente
Inserte la descripción de la imagen aquí

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í
Inserte la descripción de la imagen aquí

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

Inserte la descripción de la imagen aquí
La URL de la solicitud js es la siguiente
Inserte la descripción de la imagen aquí

resolver

Inserte la descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/qq_41170600/article/details/108539840
Recomendado
Clasificación