Configurar Vue SPA

Se supone que tenemos algo de experiencia trabajando con la siguiente tecnología: Vite, VueJS, VueRouter, Pinia, Vitest, Vue Test Utils, Vue Testing Library, TypeScript, Tailwind CSS, Axios.

Básicamente, nuestra SPA está desarrollada en su mayoría con todas ellas. Es decir, en su archivo package.json ya se encuentran debidamente preinstaladas. Solo basta con descargar el código y ejecutar npm install dentro de la carpeta del proyecto. Se supone que antes debemos tener instalado Node en la computadora. Hay que asegurarse de tener instalados los siguientes archivos de configuración:

• postcss.config.js
• tailwind.config.js
• tsconfig.json
• tsconfig.node.json
• vite.config.ts

En este último archivo es donde se especifica la ruta de la API de Laravel a la cual apunta.

// vite.config.ts
// omitted for brevity ...
define: {
  'process.env': {
    VUE_APP_API_URL: "http://localhost:8000"
  }
}
// omitted for brevity ...