Cómo empaquetar según el entorno en la versión vue2

prefacio

La empresa está dividida en diferentes servidores, pruebas, preproducción y producción. Si no es el caso de la implementación automática de k8s, entonces cada entorno necesita cambiar la configuración del nombre de dominio y volver a empaquetarlo, lo cual es muy problemático. La gente perezosa pensó en un truco perezoso
Paso 1: cree un directorio global en el directorio estático y cree un archivo global.js en el directorio global
inserte la descripción de la imagen aquí
Paso 2: defina una variable en global.js para definir qué entorno, como dev, prueba, uat, prd, etc.

window.base = {
    
    
	dev:{
    
    
	   server:'http://&&&&',
	   serverweb:'http://wwwww'
	},
	test:{
    
    
	   server:'http://&&&&',
	   serverweb:'http://wwwww'
	}
	……
}

Paso 3: Introducir global.js en index.html
inserte la descripción de la imagen aquí
Paso 4: Dónde se solicita la solicitud

`${
     
     base.sq + base.version}/apiXXXX`

Paso 5: una vez completado el empaquetado, modifique la configuración relacionada con global.js

En este caso, no es tan problemático. Cada entorno necesita cambiar la configuración y volver a empaquetarlo, lo cual es una pérdida de tiempo. Por supuesto, si
es en el entorno k8s, es otra forma. Puede extraer la configuración correspondiente y conviértalo en un diccionario público, no es necesario cambiar el servicio cada vez

Supongo que te gusta

Origin blog.csdn.net/u013994400/article/details/127403178
Recomendado
Clasificación