Que faire si React n'est pas accessible au démarrage

Solutions à l'inaccessibilité du démarrage de React : 1. Installez "http-proxy-middleware" ; 2. Recherchez "setupProxy.js" et supprimez-le directement ; 3. Créez un nouveau projet et redémarrez le projet.

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

Que dois-je faire si le démarrage de React est inaccessible ?

Le démarrage du projet React montre que la connexion locale a été refusée

Un problème très étrange. J'ai pu l'utiliser normalement la veille, mais le lendemain lorsque j'ai ouvert l'ordinateur et démarré le projet, il y a eu un problème. .

Le projet React n'a pas été trouvé sur Baidu Démarrez la solution qui montre que la connexion locale a été refusée

Vous pouvez vous connecter normalement en revenant à la version précédente via la version git

Il n'y avait vraiment aucun moyen au début , j'ai donc continué à écrire à partir de la version précédente

Au final, il y a eu un conflit de version, et je l'ai résolu manuellement. Après cela, j'ai recommencé le projet

La connexion locale a de nouveau été refusée...

J'étais tellement en colère à ce moment-là, je me sentais engourdi

Je ne trouvais plus le moyen de le faire, j'ai donc dû utiliser des méthodes stupides

pour créer un nouveau projet et confirmer que le nouveau projet peut être démarré.

Ensuite, je J'ai déplacé les fichiers du projet original un par un

Enfin, j'ai réussi à trouver le coupable

Cette chose est utilisée comme proxy, supprimez-la et elle démarrera normalement, non

Le problème est là

.

En raison du problème de version, il existe plusieurs façons d'écrire ceci

Voici la version que je peux utiliser normalement

const { createProxyMiddleware } = require('http-proxy-middleware')
 
module.exports = function (app) {
 
  app.use(createProxyMiddleware('/api', {
 
    target: 'http://106.14.82.240:3000',
 
    secure: false,
 
    changeOrigin: true,
 
    pathRewrite: {
 
      "^/api": "/api"
 
    }
 
  }))
 
}

Pensez également à installer http-proxy-middleware

Etude recommandée : "react video tutoriel》

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!