More than 1 year has passed since last update.

Nuxt.jsで外部のURLからイメージを表示する(仮?)方法備忘録

Posted at 2022-09-16

前提条件

以下のサイトを参考に作ったが、エラーになった。（module.exportsに domain挿入）

以下の説明を参考に、srcにURLを入れるのではなく、loader引数にURLを返す関数を入れる。
引数でsrcを利用できるので利用した方がおそらく適切。(外部イメージ名がsrcと違っても動いたので例の表示はこれにしています)

~~.js

<Image
    loader={()=>"https://example.com/image.png"}
    width="400"
    height="350"
    src="me.png"
    alt="no image" />

※ もっと適切な方法があるかもしれないので注意して利用してください。