Tengo un comportamiento extraño (y en mi opinión incorrecto) con recursos estáticos cuando uso un servidor personalizado (en 2.0.0 Beta).
Por ejemplo, si mi servidor personalizado dirige una solicitud a "/blog/:id", los recursos estáticos se buscan en "./blog/static/image.jpg".
Para facilitar la reproducción, he editado el método de renderizado de "blog" en "enrutamiento parametrizado":
return <div>
<h1>My {this.props.id} blog post</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
</p>
<img src="./static/x.jpg" />
</div>
Y, por supuesto, agregó una imagen llamada "x.jpg" a la carpeta "estática".
Puedo solucionarlo mirando el archivo en "../static/x.jpg", pero esto es incorrecto ya que explota el hecho de que el blog no se encuentra en index.js.
@DvirSh , ¿podría enviarnos un repositorio de muestra?
Entonces, podríamos echar un vistazo a esto más de cerca.
¿No debería ser <img src="/static/x.jpg" />
(no ./
)?
Supuse que la página se sirve en /blog/id
.
@nkzawa tienes razón!
Comentario más útil
¿No debería ser
<img src="/static/x.jpg" />
(no./
)?Supuse que la página se sirve en
/blog/id
.