Next.js: Los recursos estáticos se procesan desde el lugar equivocado (en un servidor personalizado)

Creado en 27 dic. 2016  ·  3Comentarios  ·  Fuente: vercel/next.js

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.

Comentario más útil

¿No debería ser <img src="/static/x.jpg" /> (no ./ )?
Supuse que la página se sirve en /blog/id .

Todos 3 comentarios

@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!

¿Fue útil esta página
0 / 5 - 0 calificaciones