Gatsby.js(Netlify)でPDFがダウンロードできない時の対処方法
created
updated
目次
ファイル構成
PDFファイルの保存場所
{アプリケーションディレクトリ}/static/pdf/ファイル.pdf
staticフォルダに、PDFファイルを配置しました。
ダウンロードロジック
<a href="/pdf/ファイル.pdf" download>ダウンロード</a>
通常のHTMLでダウンロードするように実装しました。
ダウンロードファイルが空のファイルとなってしまう
ファイルはダウンロードできるのですが、0バイトのファイルとなってしまいました。
ファイル名を英語にするとダウンロードができた
日本語のファイル名を英語名に変更すると、問題なくダウンロードできました。
PDFファイルの保存場所
{アプリケーションディレクトリ}/static/pdf/file.pdf
「ファイル.pdf」を「file.pdf」へ名前を変更しました。
ダウンロードロジック
<a href="/pdf/file.pdf" download>ダウンロード</a>
ダウンロードするファイル名を英語名に合わせて変更します。これでダウンロードすることができました。