El permiso back-end entre dominios no se pudo abrir, así que fui a Internet para averiguar si podía resolverlo.
Los navegadores actuales no pueden cruzar dominios debido a restricciones de política de seguridad, pero a menudo requieren interfaces de otros dominios durante el desarrollo, especialmente cuando algunas interfaces no están bajo su propio control, lo que a menudo causa dificultades de desarrollo.
Hay muchas maneras de resolver problemas entre dominios, como: proxy Nginx, a través del encabezado HTTP para resolver, etc., encontré una forma relativamente simple en la etapa de desarrollo de separación frontal, configurando el navegador para resolver problemas entre dominios. Los registros son los siguientes:
Hoy, accidentalmente supe que el navegador Chrome puede resolver el problema entre dominios a través de la configuración.
Si la versión de Chrome es anterior a la 49 , el método de configuración es el siguiente:
1. Haga clic con el botón derecho del mouse en el icono de acceso directo de Chrome (si no hay acceso directo, puede encontrar la ruta del archivo, enviar el acceso directo al escritorio)
2. Seleccione "Propiedades"
[Además de hacer clic con el botón derecho para seleccionar la propiedad que desea ver, también puede mantener presionada la tecla Alt y hacer doble clic en el icono para abrir directamente el panel de propiedades]
3. Seleccione la etiqueta de acceso directo
4. En el "destino", agregue --disable-web-security sobre la base de la ruta original de Chrome [nota-hay un espacio antes]
5. Haga clic en "Aplicar"
6. Haga clic en "Aceptar" para cerrar la ventana de propiedades
7. Cierre todos los Chrome abiertos y reinicie (debe hacer clic en el acceso directo para abrir)
8. Al ver la pequeña barra amarilla debajo de la barra de direcciones, está utilizando la etiqueta de comando no compatible –disable-web-security
Si la versión es más de 49 : los
pasos son los mismos que los anteriores, pero los parámetros del paso 4 son ligeramente diferentes.
--disable-web-security --user-data-dir = C: \ chromedata
[Nota -hay espacios antes]
C: \ chromedata es un directorio en su disco duro local. Será mejor que cree uno nuevo usted mismo. Simplemente cambie la ruta del directorio anterior a su directorio recién creado.
La captura de pantalla de configuración de la propiedad es la siguiente:
Después de la configuración, la captura de pantalla de la advertencia que aparece es la siguiente (porque tengo una versión superior a 49, por lo que el contenido de la advertencia es --disable-web-security):
[Observaciones: este método es más adecuado para la situación en la que el desarrollo front-end y back-end no se encuentran en el mismo servidor web. También se puede acceder al front-end a través del método de configuración del navegador. En el contenedor, naturalmente, no habrá problemas similares. Este método solo es adecuado para su uso durante el desarrollo, no para una solución formal de dominio cruzado]
Como prueba, escribí un fragmento de código (usando ajax para acceder a Baidu localmente, obtuve el código fuente de la página web de Baidu y lo visualicé en un div), de la siguiente manera:
<! DOCTYPE html>
<html>
<head>
<meta charset = " utf-8 " />
<title> Ajax 跨域 demo </title>
<script src = " https://code.jquery.com/jquery- 3.3.1.min.js " integridad = " sha256-FgpCb / KJQlLNfOu91ta32o / NMZxltwRo8QtmkMRdAu8 = " crossorigin = " anónimo " > </script>
</head>
<body>
<div id = " myDiv " >
</div>
< / body>
<script>
$ (function () {
$. get( " http://www.baidu.com " , función (datos) {
$ ( " #myDiv " ) .text (datos);
});
});
</script>
</html>
El resultado de la ejecución es el siguiente, que muestra que la configuración es exitosa:
