回答編集履歴
2
Nuxt.jsについて、こちらの環境で画像表示ができない件を解決できたので回答を修正しました。
answer
CHANGED
|
@@ -21,5 +21,21 @@
|
|
|
21
21
|
http://localhost/works/案件名/
|
|
22
22
|
https://dev.example.com/works/案件名/
|
|
23
23
|
|
|
24
|
+
追記:
|
|
24
|
-
|
|
25
|
+
「nuxt.config.js」内のbuild: の設定を変えると解決できました。
|
|
26
|
+
```js
|
|
27
|
+
// http://localhost/works/案件名/
|
|
28
|
+
// https://dev.example.com/works/案件名/
|
|
29
|
+
// の場合↓
|
|
30
|
+
build: {
|
|
31
|
+
extend (config, ctx) {
|
|
32
|
+
config.output.publicPath = '/works/案件名/_nuxt/'
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
```
|
|
36
|
+
これにより、HTML側の出力は
|
|
37
|
+
`<img src="/_nuxt/img/89c8150.jpg">`から
|
|
38
|
+
`<img src="/works/案件名/_nuxt/img/89c8150.jpg">`に変わり、画像が表示されました。
|
|
39
|
+
|
|
40
|
+
参考URL:
|
|
25
|
-
[https://
|
|
41
|
+
[https://teratail.com/questions/194964](https://teratail.com/questions/194964)
|
1
修正
answer
CHANGED
|
@@ -14,11 +14,12 @@
|
|
|
14
14
|
**[2] ドキュメントルート配下でないと、そのままでは表示できない**
|
|
15
15
|
|
|
16
16
|
実はすでに「/dist/_nuxt/」内に、画像があり
|
|
17
|
-
HTML側では`<img src="/_nuxt/img/89c8150.jpg">`などと書き出されている
|
|
17
|
+
HTML側では`<img src="/_nuxt/img/89c8150.jpg">`などと書き出されていると思います。
|
|
18
18
|
|
|
19
|
+
「http://localhost:8000」などで表示するには問題ないのですが、
|
|
19
|
-
以下のようなURLで表示しようとしている場合src内のパスのままだと表示できない
|
|
20
|
+
以下のようなURLで表示しようとしている場合src内のパスのままだと表示できない可能性があります。
|
|
20
21
|
http://localhost/works/案件名/
|
|
21
22
|
https://dev.example.com/works/案件名/
|
|
22
23
|
|
|
23
24
|
(まだ試している途中ですが、以下のような設定が必要な模様です)
|
|
24
|
-
https://ja.nuxtjs.org/api/configuration-router/
|
|
25
|
+
[https://ja.nuxtjs.org/api/configuration-router/](https://ja.nuxtjs.org/api/configuration-router/)
|