Use .env archivos se pueden configurar fácilmente y el desarrollo del servidor y depurar oficial entorno implementado un entorno de producción usando dos conjuntos diferentes de archivos de configuración para lograr código sin cambiar de nuevo y las necesidades de trayectoria adelante para tener acceso a la interfaz API.
Documentos oficiales
https://cli.vuejs.org/zh/guide/mode-and-env.html
Crear un archivo .env
Fueron creados en el directorio raíz del proyecto vue .env.developmenty .env.productiondos archivos de texto se utilizan en entornos de desarrollo y producción
.env.developmentEl documento dice lo siguiente:
VUE_APP_API_HOST=127.0.0.1
.env.productionEl documento dice lo siguiente:
VUE_APP_API_HOST=10.41.56.121
Tenga en cuenta que .envlos nombres de variables deben estar en VUE_APP_el comienzo
El acceso a variables .env
Por ejemplo, en main.jsla configuración de axiospetición puede ser escrito como raíz
axios.defaults.baseURL = `http://${process.env.VUE_APP_API_HOST}:8000/`
Tenga en cuenta que una cadena con formato de sintaxis ES6 es, con la parte delantera y ~los símbolos de entrada clave `
De esta manera el uso local yarn servese ejecuta en un servidor de la prueba de acceso a .env.developmentlas variables definidas, y en yarn buildvez utilizará .env.productionel contenido de variables.
historia paralela
Curioso de esta ~entrada por teclado 反单引号(no voy a llamar a) Nombre Jiaosha, encontraron que los extranjeros les gusta llamarlo Grave accent, debería llamarse traducida重音符
