Ce projet contient deux parties :
- my-express-app : Une application backend construite avec Express.js.
- my-vue-app : Une application frontend construite avec Vue.js.
Avant de commencer, assurez-vous d'avoir installé :
-
Clonez le dépôt :
git clone https://github.com/JavaKhanStudio/Vue_Express_Exemple.git
-
Installez les dépendances pour les deux parties :
cd my-express-app
npm install
cd ../my-vue-app
npm install
-
Naviguez vers le dossier
my-express-app
:cd my-express-app
-
Lancez le serveur :
node app.js
-
Par défaut, le serveur tourne sur le port 3000. Vous pouvez y accéder via :
http://localhost:3000
-
Naviguez vers le dossier
my-vue-app
:cd ../my-vue-app
-
Lancez l'application :
npm run serve
-
Par défaut, l'application est accessible via :
http://localhost:8080
Vue_Express_Example/
│
├── my-express-app/ # Application backend Express
│ ├── app.js # Point d'entrée principal
│ ├── package.json # Liste des dépendances backend
│ └── package-lock.json # Versionnement des dépendances backend
│
├── my-vue-app/ # Application frontend Vue.js
│ ├── src/ # Dossier principal des fichiers Vue.js
│ ├── public/ # Fichiers publics
│ ├── package.json # Liste des dépendances frontend
│ └── vue.config.js # Configuration Vue.js
│
├── .gitignore # Fichiers/dossiers ignorés par Git
├── README.md # Documentation du projet
└── .idea/ # Dossiers de configuration IDE (facultatif)
- Assurez-vous que les deux serveurs (backend et frontend) fonctionnent simultanément.
- Vous pouvez configurer un proxy dans le fichier
vue.config.js
pour que Vue.js puisse appeler l'API Express sans problème de CORS.
Ce projet est sous licence MIT.