Quiero dividir mi proyecto frontend vuejs en dos partes como desarrollo y prueba. En la parte de desarrollo, quiero trabajar en mi local y solicitar el ejemplo: 8010 urline, y en la parte de prueba, quiero enviar una solicitud a la dirección ejemplo: 80. ¿Cómo puedo hacer esto? Hice una búsqueda de fuente pero no pude encontrar nada.
Ejemplo de una solicitud que escribí:
var formData = new FormData(); formData.append('file', this.image[0]); await axios .post('example', formData, { headers: { Authorization: `Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6fdsaeqImNoZ3VuYXkzQGdtYWlsLmNvbqSIsImlkIjoxLCJ0eXBlIjoxLCJpYXQiOjE2NDU0NDUxMjR9.Kg8NcFiAKtBHxkQsRwl2pO6svp7SDQSQw13SJ4xe1vc`, }, }) .then((response) => { console.log(response.data.id); }) .catch((error) => { console.log(error); });Serkan
Puede utilizar archivos .env para sus entornos. Puede agregar el paquete dotenv a su proyecto, o puede proporcionar parámetros dentro de sus scripts como parte de su paquete.json
aquí puede seguir esta página para usar sus variables env dentro de la aplicación vue. Tenga en cuenta que debe iniciar VUE_APP para sus variables:
VUE_APP_BASE_API = 'yourapplink/api'Debe crear 2 archivos .env 1 para su desarrollo local, otro para su producción y puede agregar tanto como desee.
Puede crear .env.development y poner sus variables en él y luego iniciar su aplicación vue con:
vue-cli-service build --mode developmentY debería ver la aplicación usando su archivo .env.development.