Comment utiliser Apache pour déployer React

Comment déployer React avec Apache : 1. Téléchargez Apache et décompressez-le ; 2. Modifiez "heetd.conf" dans le dossier conf ; 3. Utilisez l'instruction "httpd.exe -k install" pour installer et démarrer Apache 4 ; .Requête Remplacez l'adresse des données par l'adresse du serveur ; 5. Placez le fichier d'emballage généré dans le répertoire racine d'Apache et redémarrez Apache.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.

Apache déploie le projet React (de l'installation au déploiement)

1. Installer

1.1 Télécharger Apache

Portail : Téléchargements Apache Haus

Après la décompression, je l'ai mis dans le lecteur E

1.2 Modifiez heetd.conf sous le dossier conf (ligne 39) Points clés

Modifiez-le pour

Le port peut être modifié selon vos besoins (si vous ne le faites pas ne le change pas, le port est peut-être occupé, impossible de démarrer) (Ligne 67)

1.3 Utilisez l'instruction httpd.exe -k install pour installer

Étape suivante, entrez le fichier bin, entrez cmd en mode administrateur, exécutez la déclaration

httpd.exe -k install

Légende : (ci-dessous Pour réussir)

Démarrer Apache

net start Apache2.4

Remarque : Arrêt disponible net stop Apache2.4

La première étape est terminée.

2. Fichier de configuration (résoudre l'échec de routage, c'est-à-dire que le clic ne saute pas)

2.1 Modifiez la ligne httpd.conf

167 sous le dossier conf et supprimez le # au début

Remplacez Aucun par Tous (peut être utilisé Il y a trois endroits pour rechercher des caractères dans le fichier)

2.2 Ajoutez le fichier .htaccess

Créez un nouveau .htaccess, ajoutez le code suivant et placez-le dans le répertoire racine d'Apache

<ifmodule>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^index\.html$ - [L]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule . /index.html [L]
</ifmodule>

2.3 Configurer le package.json

add

3.

Exécutez

npm run build

Mettez le fichier d'emballage généré dans le répertoire racine d'Apache

Redémarrez Apache

net restart Apache2.4

Entrez enfin l'adresse du serveur xxx.xxx.xxx.xxx : numéro de port dans la barre d'adresse pour accéder à la page Web .

Apprentissage recommandé : "

Tutoriel vidéo React"

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!