質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.31%
Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Thymeleaf

Thymeleaf(タイムリーフ)とは、Java用のテンプレートエンジンで、特定のフレームワークに依存せず使用することが可能です。

Spring Boot

Spring Bootは、Javaのフレームワークの一つ。Springプロジェクトが提供する様々なフレームワークを統合した、アプリケーションを高速で開発するために設計されたフレームワークです。

Q&A

解決済

1回答

1392閲覧

画像ファイルがローカル環境では表示されるがサーバーで実行したときに表示されない

moshi

総合スコア90

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Thymeleaf

Thymeleaf(タイムリーフ)とは、Java用のテンプレートエンジンで、特定のフレームワークに依存せず使用することが可能です。

Spring Boot

Spring Bootは、Javaのフレームワークの一つ。Springプロジェクトが提供する様々なフレームワークを統合した、アプリケーションを高速で開発するために設計されたフレームワークです。

0グッド

1クリップ

投稿2020/08/17 02:11

編集2020/08/17 02:59

前提・実現したいこと

spring boot + thymeleafでWebページを作成する練習をしています。
画像ファイルを表示しようとしたときローカルではうまく表示されるのですがサーバーに公開すると表示がされなくなるので質問させていただきました。

該当のソースコード

<div class="container"> <div class="d-block mx-auto"> <img alt="testLogo" class="mx-auto d-block" th:src="@{/images/testLogo.png}"> </div> </div>

thymeleafのテンプレートファイルは

src/resources/templates/hello.html

にあり、画像ファイルは

src/resources/static/images/testLogo.png

に存在します。
イメージ説明

発生している問題・エラーメッセージ

ChormeのDeveloper Toolsを見たところ下記のエラーが表示されていました。

GET https://testserver.jp/images/testLogo.png 404

imagesの下に画像ファイルがあるのであっているような気がするのですがどうすればこの問題が解消されますでしょうか?
よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/08/17 03:32

css、jsなど他の静的ファイルはどうでしょうか。
guest

回答1

0

自己解決

サーバー側の設定でリバースプロキシの設定がしてあり、https://testserver.jp/app/images/testLogo.pngを参照しなければいけないようでした。
この問題については一旦原因が分かったため解決済みとさせていただきます。

投稿2020/08/18 14:52

moshi

総合スコア90

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.31%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問