Next.js: Recursos estáticos estão sendo renderizados do lugar errado (no servidor personalizado)

Criado em 27 dez. 2016  ·  3Comentários  ·  Fonte: vercel/next.js

Estou tendo um comportamento estranho (e na minha opinião errado) com recursos estáticos quando uso servidor personalizado (no 2.0.0 Beta).
Por exemplo, se meu servidor personalizado direciona uma solicitação para "/blog/:id", os recursos estáticos estão sendo pesquisados ​​em "./blog/static/image.jpg".

Para facilitar a reprodução, editei o método de renderização de "blog" em "roteamento 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>

E, claro, adicionou uma imagem chamada "x.jpg" à pasta "static".

Eu posso contornar isso olhando o arquivo em "../static/x.jpg", mas isso está errado, pois explora o fato de que o blog não fica em index.js.

Comentários muito úteis

Não deveria ser <img src="/static/x.jpg" /> (não ./ ) ?
Presumi que a página é veiculada em /blog/id .

Todos 3 comentários

@DvirSh você poderia nos enviar um repositório de amostra.
Então, poderíamos dar uma olhada nisso mais de perto.

Não deveria ser <img src="/static/x.jpg" /> (não ./ ) ?
Presumi que a página é veiculada em /blog/id .

@nkzawa você está certo!

Esta página foi útil?
0 / 5 - 0 avaliações