Rendu des dossiers statiques pour les routes React

Question

J'ai du code statique existant (HTML, CSS, jQuery, JS, etc.) dans mon dossier. Maintenant, je dois les restituer sur un itinéraire spécifique dans mon application React. Pour des raisons de politique, je ne peux pas utiliser iFrame. Je ne veux pas le réécrire dans React pour deux raisons :

• Il s'agit d'une seule page contenant du code hérité. Cela n'en vaut pas la peine
• Ce dossier statique est également utilisé à d'autres endroits

Donc, si je le réécris dans React, alors je me retrouve avec deux versions : l'une est la version React de la page, et l'autre est la version non-React de la page. Si je veux changer, je dois mettre à jour deux fois.

Quelles sont mes options ? Quelle est la manière la plus simple et la moins déroutante de restituer des fichiers statiques dans un dossier de mon application React sans utiliser d'iFrames ?

Answer 1

Vous pouvez le faire sous public 目录中添加静态文件，并使用文件夹复制所需的路径，然后静态提供这些文件。如果路由是 /display，您可以添加一个名为 display 的文件夹。假设您的文件名为 contact.html，那么您的文件将位于 /display/contact.html.

Lien vers le fichier via React

// ...
return (
  <a 
    href="/display/contact.html" 
    // if you want to open it in a new tab
    target="_blank" 
  />
);