Saltar al contenido

¿Es posible servir archivos estáticos con create-react-app desde una carpeta pública?

Intenta entender el código de forma correcta previamente a usarlo a tu trabajo y si ttienes algo que aportar puedes comentarlo.

Solución:

Sí, puede colocar activos en el static carpeta.

Documentos: uso de la carpeta pública

  • Puede hacer referencia a la ruta en index.html con %PUBLIC_URL%/path/resource.
  • Puedes usar process.env.PUBLIC_URL + '/path/resource' en código javascript.

Ambos enfoques se reemplazan en el momento de la compilación para su compilación final.

Si estos son activos de JavaScript, la compilación no los reconocerá. Debe estructurarlo como una biblioteca javascript externa y almacenarlos en una variable global a la que pueda hacer referencia dentro de su código. Luego puede cargar esa biblioteca de javascript en su index.html

Digamos que quiere leer un archivo json que contiene datos, puede hacerlo de la siguiente manera:

class App extends Component 
  async getData() 
    const res = await fetch("/json/sample.json");
    const data = await res.text();
    console.log(data);
    return this.setState( data );
  

  componentDidMount() 
    this.getData();
  

  render() 
    return (
      
logo
this.state.data
);

Donde el json la carpeta se crea dentro de la carpeta pública. Cualquier cosa que coloque dentro de la carpeta pública se sirve automáticamente cuando se usa create-react-app. Espero que esto ayude.

Acuérdate de que tienes la opción de añadir un enjuiciamiento si te fue de ayuda.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *