interface Web
Questions et réponses frontales
Que dois-je faire si la page est introuvable lors de l'actualisation de React??
Que dois-je faire si la page est introuvable lors de l'actualisation de React??
Jan 06, 2023 am 09:26 AM
Solution à la page introuvable lors de l'actualisation de React?: 1. Recherchez et ouvrez le fichier "app.jsx"?; 2. Lors de la définition du protocole de routage dans "app.jsx", passez "class App extends Component {render( ) {return (
L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3
Que dois-je faire si la page est introuvable lors de l'actualisation du React ? est déployé, la vue ne sera pas trouvée lors du rafra?chissement de la page
Après avoir déployé le projet ce matin, vous pouvez cliquer sur l'itinéraire pour sauter, mais lorsque l'itinéraire correspondant est rafra?chi, une erreur est signalée Failed to lookup view "error" in views directory
Le projet peut être utilisé normalement lorsqu'il est déployé sur le serveur. Pourquoi le rafra?chir après l'avoir déployé sur le serveur ? Erreur Vous ne trouvez pas la vue correspondante
Vérifiez d'abord le fichier de configuration du n?ud car j'ai mis le fichier construit dans le fichier public du n?ud. après npm, exécutez le projet React. Après bin/www, le n?ud peut lire les fichiers en public. Ensuite, commencez à vérifier le fichier app.js du n?ud. Les fichiers sont tous configurés
app.set('views', path.join(__dirname, 'views'));
app.engine('.html',require('ejs').__express);
// app.set('view engine', 'jade');
app.set('view engine', 'html');
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public'))); //這句話就是express會(huì)讀取public里面的靜態(tài)文件S'il n'y a pas d'erreur dans le backend, démarrez. pour vérifier les fichiers du frontend
Puisqu'il s'agit de routage. Si le chemin était erroné, j'ai recherché des informations relatives au routage et j'ai trouvé la réponse. C'était parce que j'utilisais
BrowserRouter
Cause de l'erreur?:. Il existe une différence entre le routage c?té client et le routage c?té serveur. Vous pouvez passer de la page d'accueil à d'autres adresses de routage car elles sont rendues par le front-end. Vous définissez la route correspondante dans React Router. page web pour accéder à l'arrière-plan. C'est JS qui change dynamiquement l'emplacement. Lors de l'actualisation, vous accédez d'abord à l'adresse du backend, puis chargez le code React dans la page renvoyée, et enfin l'exécutez dans le navigateur ; , si 404 est signalé à ce moment-là, c'est parce que votre backend ne renvoie pas de HTML pour cette route, il n'est pas nécessaire d'exécuter React Router
Utilisez HashRouter au lieu de BrowserRouter, afin que toutes les requêtes soient dirigées vers le. index.html, et aucune configuration n'est requise c?té serveur
Solution?:
Lors de la définition du protocole de routage dans app.jsx, vous pouvez le définir comme suit?: import React, { Component} from 'react';
import { HashRouter as Router } from "react-router-dom";
import Nav from './component/Menu/Menu';
import FootContent from './component/Footer/Footer';
import MinContent from './component/content/mainContent';
import {Layout} from 'antd';
class App extends Component {
render() {
return (
<Layout className="layout">
<Router>
<div>
<Nav />
<MinContent />
</div>
</Router>
<FootContent />
</Layout>
);
}
}
export default App;Apprentissage recommandé?: "
"
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!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!
Article chaud
Outils chauds
Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
React vs. Vue: Quel framework utilise Netflix?
Apr 14, 2025 am 12:19 AM
NetflixUSESACustomFrameworkCalled "gibbon" builtonReact, notreactorVueDirectly.1) teamExperience: ChoOsBasedOnFamiliarity.
L'écosystème de React: bibliothèques, outils et meilleures pratiques
Apr 18, 2025 am 12:23 AM
L'écosystème React comprend des bibliothèques de gestion d'état (telles que Redux), des bibliothèques de routage (telles que Reactrouter), des bibliothèques de composants d'interface utilisateur (telles que Material-UI), des outils de test (tels que la plaisanterie) et de la construction d'outils (tels que WebPack). Ces outils fonctionnent ensemble pour aider les développeurs à développer et à maintenir efficacement les applications, à améliorer la qualité du code et l'efficacité de développement.
Frontend de Netflix: Exemples et applications de React (ou Vue)
Apr 16, 2025 am 12:08 AM
Netflix utilise React comme cadre frontal. 1) Le modèle de développement composant de React et un écosystème fort sont les principales raisons pour lesquelles Netflix l'a choisi. 2) Grace à la composante, Netflix divise les interfaces complexes en morceaux gérables tels que les lecteurs vidéo, les listes de recommandations et les commentaires des utilisateurs. 3) Le cycle de vie virtuel et composant virtuel de React optimise l'efficacité du rendu et la gestion de l'interaction des utilisateurs.
L'avenir de React: Tendances et innovations dans le développement Web
Apr 19, 2025 am 12:22 AM
L'avenir de React se concentrera sur l'ultime dans le développement des composants, l'optimisation des performances et l'intégration profonde avec d'autres piles technologiques. 1) React simplifiera encore la création et la gestion des composants et promouvra l'ultime dans le développement des composants. 2) L'optimisation des performances deviendra le centre d'attention, en particulier dans les grandes applications. 3) React sera profondément intégré à des technologies telles que GraphQL et TypeScript pour améliorer l'expérience de développement.
React: La puissance d'une bibliothèque JavaScript pour le développement Web
Apr 18, 2025 am 12:25 AM
React est une bibliothèque JavaScript développée par Meta pour la création d'interfaces utilisateur, avec son c?ur étant le développement des composants et la technologie DOM virtuelle. 1. Gestion des composants et de l'état: React gère l'état à travers les composants (fonctions ou classes) et les crochets (tels que UseState), améliorant la réutilisabilité et la maintenance du code. 2. Dom virtuel et optimisation des performances: via Virtual Dom, React met à jour efficacement le DOM réel pour améliorer les performances. 3. Cycle de vie et crochets: les crochets (tels que l'utilisation d'effet) permettent aux composants de la fonction de gérer les cycles de vie et d'effectuer des opérations à effet secondaire. 4. Exemple d'utilisation: des composants de Basic Helloworld à la gestion avancée de l'état mondial (UseContext et
Développement frontal avec React: Avantages et techniques
Apr 17, 2025 am 12:25 AM
Les avantages de React sont sa flexibilité et son efficacité, qui se reflètent dans: 1) la conception basée sur les composants améliore la réutilisabilité du code; 2) La technologie DOM virtuelle optimise les performances, en particulier lors de la gestion de grandes quantités de mises à jour de données; 3) L'écosystème riche fournit un grand nombre de bibliothèques et d'outils tiers. En comprenant comment React fonctionne et utilise des exemples, vous pouvez ma?triser ses concepts principaux et les meilleures pratiques pour créer une interface utilisateur efficace et maintenable.
React, Vue et l'avenir du frontend de Netflix
Apr 12, 2025 am 12:12 AM
Netflix utilise principalement React comme cadre frontal, complété par Vue pour des fonctions spécifiques. 1) La composante de React et le DOM virtuel améliorent l'efficacité des performances et du développement des applications Netflix. 2) Vue est utilisée dans les outils internes et les petits projets de Netflix, et sa flexibilité et sa facilité d'utilisation sont essentielles.
React vs frameworks backend: une comparaison
Apr 13, 2025 am 12:06 AM
React est un cadre frontal pour la construction d'interfaces utilisateur; Un framework back-end est utilisé pour créer des applications c?té serveur. React fournit des mises à jour d'interface utilisateur composentisées et efficaces, et le framework backend fournit une solution de service backend complète. Lors du choix d'une pile technologique, les exigences du projet, les compétences en équipe et l'évolutivité doivent être prises en compte.
