Déployez l'application Vite React sur les pages GitHub, étape :

Initialisez Git, validez tous les fichiers et transférez-les vers votre nouveau dépôt :

1ère étape :

git init
git add -A

2ème étape :

git commit -m « premier commit »
git branch -M principal
git remote add origin https://github.com/[username]/[repo_name].git # Remplacez par votre nom d'utilisateur et l'URL du dépôt
git push -u origin main

3ème étape :

Définir le chemin de base dans vite.config.ts

/ vite.config.ts
import { defineConfig } from “vite”;
import react from “@vitejs/plugin-react”;

// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
base: “/vite-react-deploy/”, // YOUR REPO NAME HERE
});

4ème étape :

Ajouter un workflow GitHub

Créez un fichier déployer.yml dans le répertoire .github/workflows. Copiez et collez ce workflow :

name: Deploy

on:
  push:
    branches:
      - main

jobs:
  build:
    name: Build
    runs-on: ubuntu-latest

    steps:
      - name: Checkout repo
        uses: actions/checkout@v3

      - name: Setup Node
        uses: actions/setup-node@v3

      - name: Install dependencies
        uses: bahmutov/npm-install@v1

      - name: Build project
        run: npm run build

      - name: Upload production-ready build files
        uses: actions/upload-artifact@v3
        with:
          name: production-files
          path: ./dist

  deploy:
    name: Deploy
    needs: build
    runs-on: ubuntu-latest
    if: github.ref == 'refs/heads/main'

    steps:
      - name: Download artifact
        uses: actions/download-artifact@v3
        with:
          name: production-files
          path: ./dist

      - name: Deploy to GitHub Pages
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./dist

Sur votre page de dépôt :

• 1. Accédez à Paramètres → Actions → Général,
• 2. Faites défiler jusqu'à Autorisations de flux de travail,
• 3. Choisissez Lire et écrire et enregistrez :

Réexécuter les actions :

Actions → choisir un déploiement ayant échoué → Réexécuter les tâches ayant échoué. Attendez la fin.

Configurez les pages GitHub :

• Allez dans Paramètres → Pages
• Sous Source, choisissez « Déployer depuis la branche » et sélectionnez la branche « gh-pages ».
• Cliquez sur Enregistrer.

Les choses les plus importantes.

Le nom du projet, le nom du lien (valeur de base) ou le nom du dépôt doivent être du même nom créé.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!