En el proyecto vue, resuelva el problema de diferentes interfaces de desarrollo y solicitudes en línea
En el desarrollo de Vue, a menudo nos encontramos con varios problemas de interfaz. Recientemente, encontré el problema de diferentes rutas de interfaz entre el entorno de desarrollo y en línea. Encontré muchos blogs en Internet, la mayoría de los cuales son. Lo mismo puede ser difícil de entender para los principiantes, por lo que escribí este blog para compartir una idea detallada de configuración de interfaz para Xiaomengxin, que acaba de usar Vue para hacer proyectos.
Webpack proporciona dos archivos de configuración para el entorno de producción y el entorno en línea. Una interfaz se utiliza durante el desarrollo normal y cambiará automáticamente a otra interfaz después de que el proyecto esté en línea. Sin más preámbulos, aquí está la imagen de arriba. . La primera es encontrar dev.env.js en la carpeta de configuración del proyecto vue-cli. El valor predeterminado es el siguiente:
Luego debemos agregar el nombre de dominio de la interfaz utilizada en el entorno de desarrollo. para solicitar datos de fondo, como se muestra a continuación:
El url_api lo configuro yo y se puede personalizar. La siguiente ruta es la interfaz en su propio entorno de desarrollo.
Luego busque prod.env.js, el valor predeterminado es como se muestra a continuación:
También agregue la configuración de la interfaz de solicitud en línea en este archivo:
Finalmente , encapsúlelo usted mismo Llame a esta interfaz en axios:
Variable personalizada = process.env.url_api (esto simplemente se personaliza en los dos archivos de configuración) y empalme la URL en los axios encapsulados. Finalmente, cuando se usa npm run dev en el entorno de producción, la interfaz recién definida en dev.env.js se llamará automáticamente. Cuando se usa npm run build para empaquetar, la interfaz configurada en prod.env.js se llamará automáticamente. .
Además: ¿Problemas entre dominios
? Algunos socios pueden haber configurado servidores proxy entre dominios en Vue, lo que hace que el proxy en la URL empalmada falle y entre dominios. Aún ocurren problemas. Mi idea personal para resolver este problema es que la configuración del proxy permanezca sin cambios y solo sea necesario reemplazar la interfaz local con una cadena vacía en dev.env.js. No habrá problemas entre dominios en el entorno de desarrollo. Si no lo entiende, puede preguntarme. Si tiene una solución mejor, espero que pueda iluminarme.
Enlace:/p/6393cf897663