Resolver problemas entre dominios en proyectos Vue
En el proceso de desarrollo de proyectos Vue en la Web, los problemas entre dominios son inevitables; en los proyectos Vue en los que participé, se utilizaron soluciones proxy de servidor para diferentes entornos (entornos de desarrollo / producción), diferentes; se utilizan soluciones de servidor proxy;
El principio del servidor proxy es aproximadamente el siguiente:
El servidor proxy y la fuente de acceso (solicitante) son la misma fuente, pero no son la misma fuente. Igual que la fuente de acceso, los servidores (lado del recurso) son de diferentes orígenes, pero el acceso entre servidores no se ve afectado por la política del mismo origen del navegador (es decir, la política del mismo origen del navegador no afecta el acceso al servidor). es decir, no se preocupe si hay problemas entre dominios), entonces podemos solicitar enviar los recursos solicitados desde el servidor visitado al mismo servidor de origen
¡Configurado así! Una vez completada la configuración, la primera parte de la URL de solicitud de cada solicitud http que iniciemos será la misma que nuestra fuente local
Por ejemplo:
Nuestro proyecto se ejecuta en el; entorno de desarrollo en http://localhost:8080, por lo que la URL de solicitud para la solicitud anterior será http://localhost:8080/api/bookCate; esta debe ser la dirección del recurso en nuestro servidor proxy, la misma que la fuente del cliente; ; y los datos La fuente real es http://219.216.5.26:8080/api/bookCate, que implementa un proxy entre dominios
En la actualidad, suponemos que este servidor proxy puede ser Node; /p>
Versión de nginx: 1.16.1
Modificar la configuración bajo servicio en el archivo nginx.conf:
Ejemplo:
En producción entorno, nuestro proyecto se ejecuta en http://localhost:8088, el servidor Nginx escucha aquí. Entonces la URL de solicitud de la solicitud anterior es http://localhost:8088/api/bookCate;
Esta debe ser la dirección del recurso en nuestro servidor proxy, que es la misma que la fuente de recursos del cliente;
La fuente real de los datos es http://219.21.5.5:9903/api/bookCate, logrando así un proxy entre dominios;