【nuxt】サブディレクトリにアップする場合のパス指定

Question

質問

hoge というサブディレクトリにアップする場合、いい感じにパスを解決する方法を教えていただきたいです。

※
できればソースコード内には hoge は含めずにいきたいです。
なお、nuxt generate でのビルドとなります。

考えられる解決方法

1.全て相対パスにする。その際ルートパスの変数を各ページで定義。
これができれば一発ですが、やり方がわかりません..

• トップページ root = './'
• 下層ページ root = '../'

<img :src="root + '/images/hoge.jpg'">

2.ソースコードに hoge まで含めてフルパスで指定

• /pages/hoge/index.vue
• /static/hoge/images/hoge.jpg

<img src="/hoge/images/hoge.jpg">

Answer 1

/hoge/なんたら.jpg

ではどうでしょう

Comments

[asdhfak]

ご回答ありがとうございます！

> 2.ソースコードに hoge まで含めてフルパスで指定
やはりこちらの方法ということですよね？

> 1.全て相対パスにする。その際ルートパスの変数を各ページで定義。
こちらの方法は可能なのでしょうか..？